<%@ 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. 【BZOJ1185】[HNOI2007]最小矩形覆盖（凸包，旋转卡壳）

    [BZOJ1185][HNOI2007]最小矩形覆盖(凸包,旋转卡壳) 题面 BZOJ 洛谷 题解 最小的矩形一定存在一条边在凸包上,那么枚举这条边,我们还差三个点,即距离当前边的最远点,以及做这条边 ...

  2. Atcoder | AT2665 【Moderate Differences】

    又是一道思路特别清奇的题qwq...(瞪了一上午才发现O(1)的结论...差点还想用O(n)解决) 问题可以转化为是否能够由\(f_{1}=a\)通过\(\pm x \in[c,d]\)得到\(f_{ ...

  3. [HAOI2015]树上染色（树形背包）

    有一棵点数为 N 的树,树边有边权.给你一个在 0~ N 之内的正整数 K ,你要在这棵树中选择 K个点,将其染成黑色,并将其他 的N-K个点染成白色 . 将所有点染色后,你会获得黑点两两之间的距离加 ...

  4. 牛客练习赛31 D神器大师泰兹瑞与威穆

    双链表搞完了 #include<bits/stdc++.h> using namespace std; #define maxn 1000005 int tot,bac[maxn],fa[ ...

  5. 编写高质量代码:改善Java程序的151个建议 --[26~36]

    提防包装类型的null值 public static int testMethod(List<Integer> list) { int count = 0; for (Integer i ...

  6. logback 设置按天，文件切割大小，总共日志文件大小。

    设置按天,文件切割大小,总共日志文件大小. <?xml version="1.0" encoding="UTF-8"?> <configura ...

  7. Vim在图形环境下全屏产生黑边

    在终端中运行Vim或运行GVim都会遇到这个问题,当窗口全屏时,左右和底部可能会出现边框,这个边框在终端中的Vim表现为Terminal的背景颜色.下图为SpaceVim+Neovim+Termina ...

  8. 对PDF的操作

    PDF是个常见的格式,当我们需要对PDF做操作时,可以主要利用PDFbox和itext.这里主要介绍PDfbox,itext自己去 查找资料.添加pom配置. <dependency> & ...

  9. 第四篇：记录相关操作 SQL逻辑查询语句执行顺序

    http://www.cnblogs.com/linhaifeng/articles/7372774.html 一 SELECT语句关键字的定义顺序 SELECT DISTINCT <selec ...

  10. 关于react-native在MacBookPro环境下的安装

    都说欲善其事,必先利其器. 使用macbook写react-native 环境真的非常容易配置 先看效果 然后我们看安装需要的东西 brew install node brew install wat ...