Click here to Skip to main content
15,895,799 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 130.2K   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-toolbar{
	border-color:#a9bfd3;
    border-style:solid;
    border-width:0 0 1px 0;
    display: block;
	padding:2px;
    background:#d0def0 url(../images/default/toolbar/bg.gif) repeat-x top left;
    position:relative;
    zoom:1;
}
.x-toolbar .x-item-disabled .x-btn-icon {
    opacity: .35;
    -moz-opacity: .35;
    filter: alpha(opacity=35);
}
.x-toolbar td {
	vertical-align:middle;
}
.mso .x-toolbar, .x-grid-mso .x-toolbar{
	border: 0 none;
	background: url(../images/default/grid/mso-hd.gif);
}
.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
	white-space: nowrap;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
}
.x-toolbar .x-item-disabled {
	color:gray;
	cursor:default;
	opacity:.6;
	-moz-opacity:.6;
	filter:alpha(opacity=60);
}
.x-toolbar .x-item-disabled * {
	color:gray;
	cursor:default;
}
.x-toolbar .x-btn-left{
	background:none;
}
.x-toolbar .x-btn-right{
	background:none;
}
.x-toolbar .x-btn-center{
	background:none;
	padding:0 0;
}
.x-toolbar .x-btn-menu-text-wrap .x-btn-center button{
	padding-right:2px;
}
.ext-gecko .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{
	padding-right:0;
}
.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button{
	padding:0 2px;
}

.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
    width:12px;
    background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat 0 3px;
}
.x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
    width:12px;
    background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat 0 3px;
}
.x-toolbar .x-btn-over .x-btn-menu-arrow-wrap .x-btn-center button {
	background-position: 0 -47px;
}
.x-toolbar .x-btn-over .x-btn-left{
	background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 0;
}
.x-toolbar .x-btn-over .x-btn-right{
	background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;
}
.x-toolbar .x-btn-over .x-btn-center{
	background: url(../images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;
}

.x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
	background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;
}
.x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{
	background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px;
}

.x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{
	background: url(../images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px;
}

.x-toolbar .x-btn-with-menu .x-btn-center em{
	padding-right:8px;
}

.x-toolbar .ytb-text{
   padding:2px;
}
.x-toolbar .ytb-sep {
	background-image: url(../images/default/grid/grid-blue-split.gif);
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	font-size: 1px;
	height: 16px;
	width:4px;
	overflow: hidden;
	cursor:default;
	margin: 0 2px 0;
	border:0;
}
.x-toolbar .ytb-spacer {
    width:2px;
}

/* Paging Toolbar */

.x-tbar-page-number{
	width:24px;
	height:14px;
}
.x-tbar-page-first{
	background-image: url(../images/default/grid/page-first.gif) !important;
}
.x-tbar-loading{
	background-image: url(../images/default/grid/refresh.gif) !important;
}
.x-tbar-page-last{
	background-image: url(../images/default/grid/page-last.gif) !important;
}
.x-tbar-page-next{
	background-image: url(../images/default/grid/page-next.gif) !important;
}
.x-tbar-page-prev{
	background-image: url(../images/default/grid/page-prev.gif) !important;
}
.x-item-disabled .x-tbar-loading{
	background-image: url(../images/default/grid/loading.gif) !important;
}
.x-item-disabled .x-tbar-page-first{
	background-image: url(../images/default/grid/page-first-disabled.gif) !important;
}
.x-item-disabled .x-tbar-page-last{
	background-image: url(../images/default/grid/page-last-disabled.gif) !important;
}
.x-item-disabled .x-tbar-page-next{
	background-image: url(../images/default/grid/page-next-disabled.gif) !important;
}
.x-item-disabled .x-tbar-page-prev{
	background-image: url(../images/default/grid/page-prev-disabled.gif) !important;
}
.x-paging-info {
    position:absolute;
    top:5px;
    right: 8px;
    color:#444;
}

/* StatusBar */

.x-statusbar .x-status-text {
    height: 21px;
    line-height: 21px;
    padding: 0 4px;
    cursor: default;
}
.x-statusbar .x-status-busy {
    padding-left: 25px;
    background: transparent url(../images/default/grid/loading.gif) no-repeat 3px 3px;
}
.x-statusbar .x-status-text-panel {
    border-top: 1px solid #99BBE8;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #99BBE8;
    padding: 2px 8px 2px 5px;
}

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