随笔分类 - ExtJS
摘要：由于默认情况下CheckboxGroup支持多选但不支持多选，可以通过手动处理完成。一、前台 <ext:CheckboxGroup ID="ChkGrp" runat="server" Width="350" ColumnsNumber="4" > <Items> <ext:Checkbox ID="ydmxk" runat="server" BoxLabel="很满意" Checked="false"&g
阅读全文
摘要：一、使用Ext开发 注意，在页面中引入Ext脚本的顺序应该如下所示： <script type="text/javascript" src="http://www.cnblogs.com/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="http://www.cnblogs.com/ext-all.js"></script> 二、使用Coolite开发时 1.在每个Script
阅读全文
摘要：<View> <ext:GroupingView> <HeaderGroupRows> <ext:HeaderGroupRow> <Columns> <ext:HeaderGroupColumn ColSpan="2" Header="" Align="Center" /> <ext:HeaderGroupColumn ColSpan="3" Header="运 行 电 压" Align="Center&qu
阅读全文
摘要：1、Coolite V0.82 GridPanel.getSelectionModel().selectRow(0); 2、Ext.Net V1.0 RowSelectionModel sm =GridPanel.SelectionModel.Primary as RowSelectionModel; sm.SelectedRows.Add(new SelectedRow(0));
阅读全文
摘要：主要目的a. 掌握获取 GridPanel 当前行的各个字段值的方法b. 掌握如何将前台数据传递到后台，并将后台操作结果返回到前台c.掌握如何获取和设置 button 和 textField 控件的文本值主要内容a. 我们先在页面中添加三个 ext 组件：store, menu,gridpanelb. 将 gridpanel 的contextmenuID 设置为 menu 控件的ID, 从而为GridPanel 添加右键菜单代码 1 <ext:Store ID="Store1" runat="server" 2 onbeforestorechang
阅读全文
摘要：1.fieldLabel:'下拉框',//显示文本字段2.valueField:'value',//下拉框的值域3.hiddenName:'cb',//真正提交时此combo的name4.displayField:'name',//显示的域5.id:'CbId',//id6.emptyText:'--请选择--',//空文本是显示的值7.renderTo:'combobox',//将此下拉框渲染到id为combobox的div中8.width:200,//宽度9.anchor:
阅读全文
摘要：目前大家都使用coolite 0.8,Coolite1.0在各方面上有所改进.关于改进请参考此贴:http://www.coolite.net.cn/viewthread.php?tid=46&from=recommend_f入门coolite请参考:入门指南http://www.coolite.net.cn/viewthread.php?tid=88&from=recommend_fCooliteToolkit1.0版本在线demo:http://examples.ext.net/
阅读全文
摘要：一、客户端 function Key(field,e) { if (e.getKey() == Ext.EventObject.ENTER) Coolite.AjaxMethods.BtnAdd_Click(null, null); }二、服务器端 <ext:TextField ID="Txtbeizhu" runat="server" Width="280px"> <Listeners> <SpecialKey Fn="tt" /> </Listeners> <
阅读全文
摘要：1、ComboBox默认为左匹配查询2、实现模糊查询 <ext:ComboBox ID="DDLDJ"runat="server" StoreID="SDJ" Editable="true" DisplayField="djmch"ValueField="djid"TypeAhead="true" Mode="Local"Width="100px"ForceSelection="true"
阅读全文
摘要：一、单选行取值1、在Store中设置ReaderID <ext:Store runat="server" ID="SQry" AutoLoad="true" RemoteSort="true"> <Reader> <ext:JsonReader ReaderID="shid"> <Fields> <ext:RecordField Name="shrz" /> </Fields> </ext:Json
阅读全文
摘要：TabPanel控件使用非常简单，但是功能却非常强大，它同MenuPanel、TreePanel一样提供了很多的集合属性，可以定制出丰富的应用。其中用得最多的就是他的Tabs属性，用于定义子标签选项，可参考下图所示：其中content.html的代码如下代码片段，下图为运行效果截图：<htmlxmlns="http://www.w3.org/1999/xhtml"><head><title></title><styletype="text/css">body{font-size:12px;}&l
阅读全文
摘要：1、在GridPanel中加入GridView<View> <ext:GridView ID="GridView1" runat="server"> <GetRowClass Fn="setRowBg" /> </ext:GridView></View>2、加入js脚本<script language="javascript" type="text/javascript"> function setRowBg(rd, ri,
阅读全文
摘要：1、前台<SelectionModel> <ext:RowSelectionModel ID="RowSelectionModel2" runat="server"> <AjaxEvents> <RowSelect OnEvent="RowSelectzhy" Buffer="250"> <EventMask ShowMask="true" Target="CustomTarget" CustomTarget="
阅读全文
摘要：一、原因分析 this.WinData.AutoLoad.Mode = LoadMode.IFrame; WinData.AnimateTarget = "BtnEdit"; PHWin.Controls.Add(WinData);使用PlaceHolder让窗口弹出具有动画效果二、解决方案 this.WinData.AutoLoad.Mode = LoadMode.IFrame;去掉动画效果即可
阅读全文
摘要：在使用之前，首先要创建一个Ext.data.Store的实例，如下面的代码所示。vardata=[ ['boy',0], ['girl',1] ]; varstore=newExt.data.Store({ proxy:newExt.data.MemoryProxy(data), reader:newExt.data.ArrayReader({},PersonRecord) }); store.load();每个store最少需要两个组件的支持，分别是proxy和reader，proxy用于从某个途径读取原始数据，reader用于将原始数据转换成Record实例
阅读全文
摘要：1、前台<script type="text/javascript" language="javascript"> function aa() { var selNode = this.DataView1.getSelectedNodes()[0]; alert( selNode.id); } </script>2、后台protected void Page_Load(object sender, EventArgs e) { string path = Server.MapPath("images/thumbs&quo
阅读全文
摘要：接触ExtJs不久，一直以来都是DotNet阵营，某天在网上看到Coolite就爱不释手了。但是用起来才知道不是那么顺手，可能是刚刚接触的原因。。网上的关于Coolite的资料更是少之又少了，唯一能够指望的只有Coolite官方的论坛。虽然它的官方论坛牛人很多，也通过论坛解决了不少问题，但是总觉得都是一知半解的。 首先我觉得记得几个关键字，属性名都是其次的。关键是理解弄懂控件、对象的运行机制，步骤顺序才是重点。1.关于Store，GridPanelGridPanel+Store的机制，我认为是这样的。1）Store想要定制ID等基本属性（呵呵，这是废话），其中<Reader>用来为
阅读全文
摘要：一、Table布局由类Ext.layout.TableLayout定义，类以于html中的table，可以对行或列进行合并。layoutConfig使用columns指定父容器分成3列，rowspan合并行数目。colspan合并列数目。二、应用举例CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->Ext.onReady(function(){var_panel=newExt.Panel({title:"人员信息",
阅读全文
摘要：一、Accordion布局由类Ext.layout.Accordion定义，表示可折叠的布局，点击每一个子元素的头部名称或右边的按钮，则会展开该面板，并收缩其它已经展开的面板。layoutConfig：true表示在执行展开折叠时启动动画效果，默认值为false。二、应用举例CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->Ext.onReady(function(){var_panel=newExt.Panel({title:&quo
阅读全文
摘要：一、Form布局由类Ext.layout.FormLayout定义，名称为form，是一种专门用于管理表单中输入字段的布局，这种布局主要用于在程序中创建表单字段或表单元素等使用。hideLabels：tru表示隐藏标签，默认为false。labelAlign：标签队齐方式left、right、center,默认为left。CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->Ext.onReady(function(){var_panel=
阅读全文