<%@ 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. asp.net处理事件

    从来不用也从来不研究这事件.但为了写那种CGI式的接口不得已研究一下. 环境  W10 VS2017 测试方法:写一个实现IHttpModule接口的类,在Init方法中加载所有事件然后打出日志,看看 ...

  2. CF932E Team Work（第二类斯特林数）

    传送门:CF原网 洛谷 题意:给定 $n,k$,求 $\sum\limits^n_{i=1}\dbinom{n}{i}i^k\bmod(10^9+7)$. $1\le n\le 10^9,1\le k ...

  3. centos7系统安装完成后一些基本的优化

    安装完centos7.3后,做一些基本的操作 基本操作一:主机名 centos7有一个新的修改主机名的命令hostnamectl # hostnamectl set-hostname --static ...

  4. Linux记录

    多语言环境镜像使用手册 vi和vim上查找字符串 vim 的安装及配置 Linux下的tar压缩解压缩命令详解 vim配置之——ctags与TagList的配置以及NERDTree && ...

  5. 图片margin:0 auto;为何不居中

    图片margin:0 auto;为何不居中 关键: img元素 display设为block 代码: <!DOCTYPE html> <html> <head> & ...

  6. 解决python解析文件时输出乱码

    首先获取到json模块,encoding指定文件编码utf-8,errors报错时忽略错误,print()输出结果看看是否有问题. # -*- coding: utf-8 -*- import jso ...

  7. Summary of Java basics review data

    1.标识符      用于命名程序的对象,如方法名,变量名,规则是: a.大小写敏感 b.由英文字符,文字字符,美元符号,下划线和数字组成,但不能以数字开头 c.不能是关键字 2.%:求余运算符    ...

  8. Good Bye 2018

    Good Bye 2018 2018年最后一场CF,OVER! 弱弱的我只能做出3道A,B,D~~~~ 最后几分钟,感觉找到了C题的规律,结束的那一刻,提交了一发 "Wrong answer ...

  9. POJ 1815 Friendship （Dinic）

    Friendship Time Limit: 2000MS   Memory Limit: 20000K Total Submissions: 11429   Accepted: 3173 Descr ...

  10. HTML学习笔记Day7

    一.position定位属性,检索对象的定位方式 1.语法:{position:static(无特殊定位)/absolute(绝对定位)/relative(相对定位)/fixed(固定定位):} 1) ...