Click here to Skip to main content
15,884,628 members
Articles / Web Development / ASP.NET

ExtJS and .NET Web Services

Rate me:
Please Sign up or sign in to vote.
4.83/5 (17 votes)
19 Jun 2009CPOL2 min read 129.8K   3.4K   40  
How to use .NET Web Services in ExtJS
  • webservice4extjs_local.zip
    • WebService4ExtJS_local
      • App_Data
      • bin
        • WebService4ExtJS.dll
        • WebService4ExtJS.pdb
      • Controllers
      • indomain.html
      • js
        • ext
          • adapter
          • CHANGES.html
          • ext-all.js
          • ext-all-debug.js
          • ext-core.js
          • ext-core-debug.js
          • INCLUDE_ORDER.txt
          • LICENSE.txt
          • resources
            • css
            • images
              • default
                • box
                  • corners.gif
                  • corners-blue.gif
                  • l.gif
                  • l-blue.gif
                  • r.gif
                  • r-blue.gif
                  • tb.gif
                  • tb-blue.gif
                • button
                  • btn-arrow.gif
                  • btn-sprite.gif
                • dd
                  • drop-add.gif
                  • drop-no.gif
                  • drop-yes.gif
                • editor
                  • tb-sprite.gif
                • form
                  • checkbox.gif
                  • clear-trigger.gif
                  • clear-trigger.psd
                  • date-trigger.gif
                  • date-trigger.psd
                  • error-tip-corners.gif
                  • exclamation.gif
                  • radio.gif
                  • search-trigger.gif
                  • search-trigger.psd
                  • text-bg.gif
                  • trigger.gif
                  • trigger.psd
                  • trigger-tpl.gif
                • gradient-bg.gif
                • grid
                  • arrow-left-white.gif
                  • arrow-right-white.gif
                  • col-move-bottom.gif
                  • col-move-top.gif
                  • columns.gif
                  • dirty.gif
                  • done.gif
                  • drop-no.gif
                  • drop-yes.gif
                  • footer-bg.gif
                  • grid3-hd-btn.gif
                  • grid3-hrow.gif
                  • grid3-hrow-over.gif
                  • grid3-special-col-bg.gif
                  • grid3-special-col-sel-bg.gif
                  • grid-blue-hd.gif
                  • grid-blue-split.gif
                  • grid-hrow.gif
                  • grid-loading.gif
                  • grid-split.gif
                  • grid-vista-hd.gif
                  • group-by.gif
                  • group-expand-sprite.gif
                  • hd-pop.gif
                  • hmenu-asc.gif
                  • hmenu-desc.gif
                  • hmenu-lock.gif
                  • hmenu-lock.png
                  • hmenu-unlock.gif
                  • hmenu-unlock.png
                  • invalid_line.gif
                  • loading.gif
                  • mso-hd.gif
                  • nowait.gif
                  • page-first.gif
                  • page-first-disabled.gif
                  • page-last.gif
                  • page-last-disabled.gif
                  • page-next.gif
                  • page-next-disabled.gif
                  • page-prev.gif
                  • page-prev-disabled.gif
                  • pick-button.gif
                  • refresh.gif
                  • row-check-sprite.gif
                  • row-expand-sprite.gif
                  • row-over.gif
                  • row-sel.gif
                  • sort_asc.gif
                  • sort_desc.gif
                  • wait.gif
                • layout
                  • collapse.gif
                  • expand.gif
                  • gradient-bg.gif
                  • mini-bottom.gif
                  • mini-left.gif
                  • mini-right.gif
                  • mini-top.gif
                  • ns-collapse.gif
                  • ns-expand.gif
                  • panel-close.gif
                  • panel-title-bg.gif
                  • panel-title-light-bg.gif
                  • stick.gif
                  • stuck.gif
                  • tab-close.gif
                  • tab-close-on.gif
                • menu
                  • checked.gif
                  • group-checked.gif
                  • item-over.gif
                  • menu.gif
                  • menu-parent.gif
                  • unchecked.gif
                • panel
                  • corners-sprite.gif
                  • left-right.gif
                  • light-hd.gif
                  • tool-sprites.gif
                  • tool-sprite-tpl.gif
                  • tools-sprites-trans.gif
                  • top-bottom.gif
                  • top-bottom.png
                  • white-corners-sprite.gif
                  • white-left-right.gif
                  • white-top-bottom.gif
                • progress
                  • progress-bg.gif
                • qtip
                  • bg.gif
                  • close.gif
                  • tip-sprite.gif
                • s.gif
                • shadow.png
                • shadow-c.png
                • shadow-c.psd
                • shadow-lr.png
                • shared
                  • blue-loading.gif
                  • calendar.gif
                  • glass-bg.gif
                  • hd-sprite.gif
                  • large-loading.gif
                  • left-btn.gif
                  • loading-balls.gif
                  • right-btn.gif
                  • warning.gif
                • sizer
                  • e-handle.gif
                  • e-handle-dark.gif
                  • ne-handle.gif
                  • ne-handle-dark.gif
                  • nw-handle.gif
                  • nw-handle-dark.gif
                  • se-handle.gif
                  • se-handle-dark.gif
                  • s-handle.gif
                  • s-handle-dark.gif
                  • square.gif
                  • sw-handle.gif
                  • sw-handle-dark.gif
                • slider
                  • slider-bg.png
                  • slider-thumb.png
                  • slider-v-bg.png
                  • slider-v-thumb.png
                • tabs
                  • scroller-bg.gif
                  • scroll-left.gif
                  • scroll-right.gif
                  • tab-btm-inactive-left-bg.gif
                  • tab-btm-inactive-right-bg.gif
                  • tab-btm-left-bg.gif
                  • tab-btm-right-bg.gif
                  • tab-close.gif
                  • tabs-sprite.gif
                  • tab-strip-bg.gif
                  • tab-strip-bg.png
                  • tab-strip-btm-bg.gif
                • toolbar
                  • bg.gif
                  • btn-arrow.gif
                  • btn-arrow-light.gif
                  • btn-over-bg.gif
                  • gray-bg.gif
                  • tb-bg.gif
                  • tb-btn-sprite.gif
                • tree
                  • arrows.gif
                  • drop-add.gif
                  • drop-between.gif
                  • drop-no.gif
                  • drop-over.gif
                  • drop-under.gif
                  • drop-yes.gif
                  • elbow.gif
                  • elbow-end.gif
                  • elbow-end-minus.gif
                  • elbow-end-minus-nl.gif
                  • elbow-end-plus.gif
                  • elbow-end-plus-nl.gif
                  • elbow-line.gif
                  • elbow-minus.gif
                  • elbow-minus-nl.gif
                  • elbow-plus.gif
                  • elbow-plus-nl.gif
                  • folder.gif
                  • folder-open.gif
                  • leaf.gif
                  • loading.gif
                  • s.gif
                • window
                  • icon-error.gif
                  • icon-info.gif
                  • icon-question.gif
                  • icon-warning.gif
                  • left-corners.png
                  • left-corners.psd
                  • left-right.png
                  • left-right.psd
                  • right-corners.png
                  • right-corners.psd
                  • top-bottom.png
                  • top-bottom.psd
            • license.txt
            • raw-images
              • shadow.psd
            • resources.jsb
      • Model
      • Properties
      • Service.asmx
      • Service.asmx.cs
      • Web.config
      • WebService4ExtJS.suo
      • WebService4ExtJS_local.csproj
      • WebService4ExtJS_local.csproj.user
      • WebService4ExtJS_local.sln
      • WebService4ExtJS_local.suo
/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

.x-date-picker {
    border: 1px solid #1b376c;
    border-top:0 none;
    background:#fff;
	position:relative;
}
.x-date-picker a {
    -moz-outline:0 none;
    outline:0 none;
}
.x-date-inner, .x-date-inner td, .x-date-inner th{
    border-collapse:separate;
}
.x-date-middle,.x-date-left,.x-date-right {
	background: url(../images/default/shared/hd-sprite.gif) repeat-x 0 -83px;
	color:#FFF;
	font:bold 11px "sans serif", tahoma, verdana, helvetica;
	overflow:hidden;
}

.x-date-middle .x-btn-left,.x-date-middle .x-btn-center,.x-date-middle .x-btn-right{
	background:transparent !important;
    vertical-align:middle;
}
.x-date-middle .x-btn .x-btn-text {
    color:#fff;
}
.x-date-middle .x-btn-with-menu  .x-btn-center em {
    background:transparent url(../images/default/toolbar/btn-arrow-light.gif) no-repeat right 0;
}
.x-date-right, .x-date-left {
    width:18px;
}
.x-date-right{
    text-align:right;
}
.x-date-middle {
    padding-top:2px;padding-bottom:2px;
    width:130px; /* FF3 */
}
.x-date-right a, .x-date-left a{
    display:block;
    width:16px;
	height:16px;
	background-position: center;
	background-repeat: no-repeat;
	cursor:pointer;
    -moz-opacity: 0.6;
    opacity:.6;
    filter: alpha(opacity=60);
}
.x-date-right a:hover, .x-date-left a:hover{
    -moz-opacity: 1;
    opacity:1;
    filter: alpha(opacity=100);
}
.x-date-right a {
    background-image: url(../images/default/shared/right-btn.gif);
    margin-right:2px;
    text-decoration:none !important;
}
.x-date-left a{
	background-image: url(../images/default/shared/left-btn.gif);
    margin-left:2px;
    text-decoration:none !important;
}
table.x-date-inner {
    width:100%;
    table-layout:fixed;
}
.x-date-inner th {
    width:25px;
}
.x-date-inner th {
    background: #dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;
    text-align:right !important;
	border-bottom: 1px solid #a3bad9;
    font:normal 10px arial, helvetica,tahoma,sans-serif;
	color:#233d6d;
	cursor:default;
    padding:0;
    border-collapse:separate;
}
.x-date-inner th span {
    display:block;
    padding:2px;
    padding-right:7px;
}
.x-date-inner td {
    border: 1px solid #fff;
	text-align:right;
    padding:0;
}
.x-date-inner a {
    padding:2px 5px;
    display:block;
    font:normal 11px arial, helvetica,tahoma,sans-serif;
	text-decoration:none;
    color:black;
    text-align:right;
    zoom:1;
}
.x-date-inner .x-date-active{
	cursor:pointer;
	color:black;
}
.x-date-inner .x-date-selected a{
	background: #dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;
	border:1px solid #8db2e3;
   padding:1px 4px;
}
.x-date-inner .x-date-today a{
	border: 1px solid darkred;
    padding:1px 4px;
}
.x-date-inner .x-date-selected span{
    font-weight:bold;
}
.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
	color:#aaaaaa;
    text-decoration:none !important;
}
.x-date-bottom {
    padding:4px;
    border-top: 1px solid #a3bad9;
    background: #dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;
}

.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
    text-decoration:none !important;
    color:black;
    background: #ddecfe;
}

.x-date-inner .x-date-disabled a {
	cursor:default;
	background:#eeeeee;
	color:#bbbbbb;
}
.x-date-mmenu{
    background:#eeeeee !important;
}
.x-date-mmenu .x-menu-item {
	font-size:10px;
	padding:1px 24px 1px 4px;
	white-space: nowrap;
	color:#000;
}
.x-date-mmenu .x-menu-item .x-menu-item-icon {
    width:10px;height:10px;margin-right:5px;
    background-position:center -4px !important;
}

.x-date-mp {
	position:absolute;
	left:0;
	top:0;
	background:white;
	display:none;
}
.x-date-mp td {
    padding:2px;
	font:normal 11px arial, helvetica,tahoma,sans-serif;
}
td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
   border: 0 none;
	text-align:center;
	vertical-align: middle;
	width:25%;
}
.x-date-mp-ok {
	margin-right:3px;
}
.x-date-mp-btns button {
	text-decoration:none;
	text-align:center;
	text-decoration:none !important;
	background:#083772;
	color:white;
	border:1px solid;
	border-color: #3366cc #000055 #000055 #3366cc;
	padding:1px 3px 1px;
	font:normal 11px arial, helvetica,tahoma,sans-serif;
	cursor:pointer;
}
.x-date-mp-btns {
	background: #dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;
}
.x-date-mp-btns td {
	border-top: 1px solid #c5d2df;
   text-align:center;
}
td.x-date-mp-month a,td.x-date-mp-year a {
	display:block;
	padding:2px 4px;
	text-decoration:none;
	text-align:center;
	color:#15428b;
}

td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
	color:#15428b;
	text-decoration:none;
	cursor:pointer;
	background: #ddecfe;
}

td.x-date-mp-sel a {
	padding:1px 3px;
	background: #dfecfb url(../images/default/shared/glass-bg.gif) repeat-x left top;
	border:1px solid #8db2e3;
}
.x-date-mp-ybtn a {
    overflow:hidden;
    width:15px;
    height:15px;
    cursor:pointer;
    background:transparent url(../images/default/panel/tool-sprites.gif) no-repeat;
    display:block;
    margin:0 auto;
}
.x-date-mp-ybtn a.x-date-mp-next {
    background-position:0 -120px;
}
.x-date-mp-ybtn a.x-date-mp-next:hover {
    background-position:-15px -120px;
}
.x-date-mp-ybtn a.x-date-mp-prev {
    background-position:0 -105px;
}
.x-date-mp-ybtn a.x-date-mp-prev:hover {
    background-position:-15px -105px;
}
.x-date-mp-ybtn {
   text-align:center;
}
td.x-date-mp-sep {
   border-right:1px solid #c5d2df;
}

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Software Developer (Senior) Pareto PPN AS
Norway Norway
Application Developer and Solutions Architect with many skills in programming languages and technolgies. Specializes in Microsoft .NET platform for last 6 years. Additionally Database Developer with wide experience in MySql, Microsoft SqlServer. Specializes in in building Workflow Software using LogicBase Studio from Transparent Logic (Now Altiris Workflow Solution). Lastly improve his skills in software development in Lotus Domino and Sharepoint. His primary goal is to improve skills in building Enterprise Architectures and Project Management.

Comments and Discussions