<%@ 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. 【Luogu3732】[HAOI2017]供给侧改革（Trie树）

    [Luogu3732][HAOI2017]供给侧改革(Trie树) 题面 洛谷 给定一个纯随机的\(01\)串,每次询问\([L,R]\)之间所有后缀两两之间的\(LCP\)的最大值. 题解 一个暴力 ...

  2. 【BZOJ2823】[AHOI2012]信号塔（最小圆覆盖）

    [BZOJ2823][AHOI2012]信号塔(最小圆覆盖) 题面 BZOJ 洛谷 相同的题: BZOJ1 BZOJ2 洛谷 题解 模板题... #include<iostream> #i ...

  3. 【Hihocoder1413】Rikka with String（后缀自动机）

    [Hihocoder1413]Rikka with String(后缀自动机) 题面 Hihocoder 给定一个小写字母串,回答分别把每个位置上的字符替换为'#'后的本质不同的子串数. 题解 首先横 ...

  4. [HAOI2010]最长公共子序列（LCS+dp计数）

    字符序列的子序列是指从给定字符序列中随意地(不一定连续)去掉若干个字符(可能一个也不去掉)后所形成的字符序列.令给定的字符序列X=“x0,x1,…,xm-1”,序列Y=“y0,y1,…,yk-1”是X ...

  5. centos7/RHEL7最小化系统安装gnome图形界面

    应用场景:对于比较熟悉linux系统的用户来说,全命令行系统可能来的比较简单明了高效,也存在某些情况下需要有像winodws下弹出对话框的情形需求,或者对于初识linux习惯windows界面的用户来 ...

  6. 51nod 1105（第K大数 二分套二分）

    题目链接:http://www.51nod.com/onlineJudge/submitDetail.html#!judgeId=620811 参考自:https://blog.csdn.net/f_ ...

  7. htmlunit 校验验证码

    htmlUnit 校验验证码 直接上代码 String url = "http://www.zycg.gov.cn/"; WebclientUtil webClientUtils ...

  8. Kafka史上最详细原理总结

    https://blog.csdn.net/ychenfeng/article/details/74980531 Kafka Kafka是最初由Linkedin公司开发,是一个分布式.支持分区的(pa ...

  9. 利用twilio进行手机短信验证

    首先要注册 twilio 账号但是由于twilio人机验证用的是Goole所有注册需要FQ 完成后去免费获取15元使用 然后 pip install twilio 注册完成后会在个人首页显示你的免费金 ...

  10. 在android模拟器上http 链接的图片地址可能不会显示

    AndroidStudio将targetSDK升为28后,http请求会无反应.Google表示,为保证用户数据和设备的安全,针对下一代 Android 系统(Android P) 的应用程序,将要求 ...