<%@ 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. ftp：linux下利用shell脚本添加虚拟用户并赋予权限

    首先ftp配置应为虚拟用户登录模式 用户密码文本目录为/etc/vsftpd/vftpuser,代码如下: #!/bin/bash # ];then username=$ password=$ hom ...

  2. JQ动态生成的元素，原事件绑定失效

    Old Code: $('code').click(function () { console.log($(this).text()); }); New Code:(.container 是<c ...

  3. chip

    1.芯片(chip.pas/cpp) [问题描述] 企鹅集成电路公司生产了一种大小为 2×3的芯片.每块芯片是从一块大小为N×M的硅片上切下来的,但由于原材料纯度问题,因而有若干的单位正方形并不能作为 ...

  4. 洛谷P3959 宝藏

    去年NOIP第二毒瘤(并不)的题终于被我攻克了,接下来就只剩noip难度巅峰列队了. 首先说一下三种做法:随机化,状压DP和搜索. 前两种做法我都A了,搜索实在是毒瘤,写鬼啊. 有些带DFS的记忆化搜 ...

  5. bzoj4566 找相同字符

    题意:给定两个字符串,从中各取一个子串使之相同,有多少种取法.允许本质相同. 解:建立广义后缀自动机,对于每个串,分别统计cnt,之后每个点的cnt乘起来.记得开long long #include ...

  6. PMP项目管理的49个过程，一张图让你全部了解

    项目管理的49个过程,看表格显得比较单调,印象也不是很深,所以今天小编就给大家发一张图片,可以用一张图就能生动又详细的了解PMP项目管理的49个过程.   大家看完是不是觉得一目了然了呢,图片上传后不 ...

  7. 蛋白质结构模型和功能预测：Swiss-model工具的使用

    Swiss-model也是一款预测蛋白质结构模型的工具.网页地址:https://swissmodel.expasy.org/ 首先,进行常规的注册后,点击start modelling 以搜索BRC ...

  8. JS with

    <script type="text/javascript"> function Dog(){ this.type="dog"; this.tail ...

  9. Feature Selection

    两方面(发散,相关)~三方法(FWE) F:方皮卡互 W:RFE E:惩罚树 一.简介 我们的数据处理后,喂给算法之前,考虑到特征的实际情况,通常会从两个方面考虑来选择特征: 1)特征是否发散:如果一 ...

  10. springboot下整合各种配置文件

    本博是在springboot下整合其他中间件,比如,mq,redis,durid,日志...等等  以后遇到再更.springboot真是太便捷了,让我们赶紧涌入到springboot的怀抱吧. ap ...