<%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<script runat="server">

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!X.IsAjaxRequest)

        {

            Store store = this.GridPanel1.GetStore();

            store.DataSource = new object[]

            {

                new object[] { "test1", "test2", "test3" },

                new object[] { "test4", "test5", "test6" },

                new object[] { "test7", "test8", "test9" },

            };

            store.DataBind();

        }

    }

</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>Ext.NET Example</title>

    <script type="text/javascript">

        var myIsLocked = function (colIndex) {

            var c = this.config[colIndex];

            if (c instanceof Ext.grid.CheckboxSelectionModel) {

                return true;

            }

            return this.config[colIndex].locked === true;

        };

        var onViewReady = function (grid) {

            var sm = grid.getSelectionModel();

            Ext.fly(grid.getView().innerHd).un("mousedown", sm.onHdMouseDown, sm);

            Ext.fly(grid.getView().lockedHd).on("mousedown", sm.onHdMouseDown, sm);

        };

        var myCheckHeader = function () {

            var view = this.grid.getView(),

                t = Ext.fly(view.lockedHd).child(".x-grid3-hd-checker"),

                isChecked = t.hasClass("x-grid3-hd-checker-on");

            if (!isChecked) {

                t.addClass("x-grid3-hd-checker-on");

            }

        };

        var myUncheckHeader = function () {

            var view = this.grid.getView(),

                t = Ext.fly(view.lockedHd).child(".x-grid3-hd-checker"),

                isChecked = t.hasClass("x-grid3-hd-checker-on");

            if (isChecked) {

                t.removeClass("x-grid3-hd-checker-on");

            }

        };

    </script>

</head>

<body>

    <form runat="server">

        <ext:ResourceManager runat="server" />

        <ext:GridPanel ID="GridPanel1" runat="server" Height="200">

            <Store>

                <ext:Store runat="server">

                    <Reader>

                        <ext:ArrayReader>

                            <Fields>

                                <ext:RecordField Name="test1" />

                                <ext:RecordField Name="test2" />

                                <ext:RecordField Name="test3" />

                            </Fields>

                        </ext:ArrayReader>

                    </Reader>

                </ext:Store>

            </Store>

            <ColumnModel runat="server">

                <Columns>

                    <ext:Column Header="Test1" DataIndex="test1" Locked="true" />

                    <ext:Column Header="Test2" DataIndex="test2" />

                    <ext:Column Header="Test3" DataIndex="test3" />

                </Columns>

                <CustomConfig>

                    <ext:ConfigItem Name="isLocked" Value="myIsLocked" Mode="Raw" />

                </CustomConfig>

            </ColumnModel>

            <View>

                <ext:LockingGridView runat="server" />

            </View>

            <SelectionModel>

                <ext:CheckboxSelectionModel ID='checkcolumn' runat="server">

                    <CustomConfig>

                        <ext:ConfigItem Name="checkHeader" Value="myCheckHeader" Mode="Raw" />

                        <ext:ConfigItem Name="uncheckHeader" Value="myUncheckHeader" Mode="Raw" />

                    </CustomConfig>

                </ext:CheckboxSelectionModel>

            </SelectionModel>

            <Listeners>

                <ViewReady Fn="onViewReady" />

            </Listeners>

        </ext:GridPanel>

    </form>

</body>

</html>

Ext.apply(checkcolumn, { locked: true });也可以锁定到左边，但是无法点击操作。

ext.net 实现gridpanel checkbox锁定的更多相关文章

  1. Ext.Net 复制GridPanel的数据

    Ext.Net 复制GridPanel的数据 2013-11-28 09:50:04|  分类: Ext.net |  标签: |举报 |字号大中小 订阅     CSS: <styletype ...

  2. sencha gridpanel checkbox 复选框的勾选 以及和单机行冲突

    gridpanel显示checkbox: 添加SelectionModel为Checkbox Selection Model { xtype: 'gridpanel', id: 'Grid1', he ...

  3. [Ext.Net]TreePanel+gridPanel实例

     @小花要完整例子,尝试一下图文并茂,力求完整. gridPanel TreePanel.JPG (27.49 KB, 下载次数: 16) 下载附件  保存到相册 2013-1-6 11:24 上 ...

  4. Ext z自写checkbox

    软件弹出框Exr.window里面有许多个CheckBox,用ext自带的CheckBoxGroup也可以实现,但是在后期处理的时候远没有自写的CheckBox灵活,还出了一些莫名其妙的bug 忍无可 ...

  5. 【Ext.Net学习笔记】06：Ext.Net GridPanel的用法（GridPanel 折叠/展开行、GridPanel Selection、 可编辑的GridPanel）

    GridPanel 折叠/展开行 Ext.Net GridPanel的行支持折叠/展开功能,这个功能个人觉得还说很有用处的,尤其是数据中包含图片等内容的时候. 下面来看看效果: 使用行折叠/展开功能之 ...

  6. 【Ext.Net学习笔记】05：Ext.Net GridPanel的用法（包含Filter、Sorter、Grouping、汇总(Summary)的用法）

    GridPanel是用来显示数据的表格,与ASP.NET中的GridView类似. GridPanel用法 直接看代码: <ext:GridPanel runat="server&qu ...

  7. Ext.Net学习笔记17：Ext.Net GridPanel Selection

    Ext.Net学习笔记17:Ext.Net GridPanel Selection 接下来是Ext.Net的GridPanel的另外一个功能:选择. 我们在GridPanel最开始的用法中已经见识过如 ...

  8. Ext.Net学习笔记15：Ext.Net GridPanel 汇总(Summary)用法

    Ext.Net学习笔记15:Ext.Net GridPanel 汇总(Summary)用法 Summary的用法和Group一样简单,分为两步: 启用Summary功能 在Feature标签内,添加如 ...

  9. [Ext JS 4] 实战之多选下拉单 (带checkbox)

    前言 Ext js 创建一个多选下拉单的方式很简单, 使用Ext.form.ComboBox, 设置 multiSelect 为true 就可以了. 但是如果要在每个下拉之前加上一个checkbox, ...

随机推荐

  1. JS日期选择器

    浏览器自带 浏览器自带日期控件,使用<input type="date">时,点击后会弹出. 1:EDGE 2:火狐 3:谷歌  三种都不一样.略胜于无 练习 模仿火狐 ...

  2. Haunted Graveyard ZOJ - 3391（SPFA）

    从点(n,1)到点(1,m)的最短路径,可以转换地图成从(1,1)到(n,m)的最短路,因为有负权回路,所以要用spfa来判负环, 注意一下如果负环把终点包围在内的话, 如果用负环的话会输出无穷,但是 ...

  3. day15-集合

    快捷键: 先定义name,age再利用快捷键生成,Alt+shift+s +c:空参 Alt+shift+s +o:有参 Alt+shift+s +r:set&get方法Ctrl+shift+ ...

  4. NOIp2018 游记

    作为一名蒟蒻,对于NOIp当然是不抱什么希望.所以就只能在比赛中吸取经验咯... Day0 害怕书到用时方恨少,疯狂打板子(玩电脑) Day1 来到考场了,发现键盘空格按不起,觉得非常尴尬,然后他告诉 ...

  5. pandas to_excel

    报错:IllegalCharacterError 其原因是字段中包含了unicode字符. 解决方案: # 首先,安装python包xlsxwriter pip install xlsxwriter ...

  6. hdu 3294 Girls' research(manacher)

    Problem Description One day, sailormoon girls are so delighted that they intend to research about pa ...

  7. Class实例在堆中还是方法区中？

    1.JVM中OOP-KLASS模型 在JVM中,使用了OOP-KLASS模型来表示java对象,即:1.jvm在加载class时,创建instanceKlass,表示其元数据,包括常量池.字段.方法等 ...

  8. Mock3 moco框架的http协议post方法Mock的实现

    新建一个 startupPost.json [ { "description":"模拟一个post请求", "request":{ &quo ...

  9. ideaJ+maven+javaweb实践: sevlet实现upload&download，javaIO代码

    因为工作的机器不让拷贝出来也不让发邮件出来也不让访问外网,所以文件两个PC挪来挪去很麻烦. 决定写一个网页,只有upload和download ideaJ,maven,java,tomcat 写一个j ...

  10. Ajax的请求规范(二)

    第一种方式:send()不带参数 function doAjax(url,fnSucc,fnFaild) { //1.创建Ajax对象 if (window.XMLHttpRequest) {//判断 ...