精华内容
下载资源
问答
  • Gird选择比较习惯的方式是在首列提供提供选框进行选择, 最简单的就是在Grid的定义中增加selModel:'checkboxmodel', 配置, 该配置的意思是设置Grid的选择模式为选框模式, 直接看示例代码: { xtype: 'grid'...

    Grid的行选择有多种实现方式,可以应用在不同的场景, 本篇介绍三种实现方式:

    1. 使用selModel 实现
    2. 使用 checkcolumn 类型的列
    3. 使用widgetcolumn 类型的列

    使用selModel 实现Grid的行方式

    Gird行选择比较习惯的方式是在首列提供提供复选框进行选择, 最简单的就是在Grid的定义中增加selModel:'checkboxmodel', 配置, 该配置的意思是设置Grid的选择模式为复选框模式, 直接看示例代码:

    {
            xtype: 'grid',
            title: 'Grid 复选框的选择模式',
            selModel:'checkboxmodel',
            columns: [{
                text: '姓名',
                dataIndex: 'name'
            }, {
                text: '都城',
                dataIndex: 'city'
            }],
            store: [{
                "name": "曹操",
                "city": "豫州"
            }, {
                "name": "刘备",
                "city": "荆州"
            }, {
                "name": "孙权",
                "city": "扬州"
            }]
        }
    

    以上代码实现的效果如下:
    在这里插入图片描述

    该选择方式使用 Grid 的getSelection()方法就可以获取选择的Ext.data.Model类型的数组, 该选择方式的好处有:

    • 实现简单, 不需要额外的列和数据
    • 获取值很简单
    • 可以实现全选

    但是如果需要某些列默认选取的话,这种方式就比较困难了,可以考虑增加一个checkcolumn 的列。

    使用 checkcolumn 类型的列

    如果某行该列的值是true的话则默认会选取, 如果是false 则不会选取。
    示例代码:

    {
            xtype: 'grid',
            title: '复选框列的选择模式',
            columns: [{
                xtype:'checkcolumn',
                dataIndex: 'mychecked'
            },{
                text: '姓名',
                dataIndex: 'name'
            }, {
                text: '都城',
                dataIndex: 'city'
            }],
            store: [{
                "name": "曹操",
                "city": "豫州"
            }, {
                "name": "刘备",
                "city": "荆州"
            }, {
                "name": "孙权",
                "city": "扬州"
            }]
        } 
    

    示例效果如下:
    在这里插入图片描述

    • Checkbox的选取和Store中某个属性的值是绑定的, 如果侦测到改动的话,左上角会出现一个红色的修改标记。
    • 如果该属性值是true,则Checkbox会自动选取
    • 获取那些行是否被选取只需要判断Store中的值即可。

    checkcolumn 会给每一行都增加一个复选框,但是要实现复选框根据某些条件决定是否显示的话, 虽然column 提供了renderer属性, 但是这个配置主要是对值进行一些设置,比如修改值得显示和样式,对于复选框类型,要实现隐藏还是比较困难, 这时可以考虑使用widgetcolumn 。

    ##使用widgetcolumn 类型的列
    widgetcolumn 类型的列可以设置编辑类型的组件, 比如复选框,下拉框以及图表等, 这里实现复选框代码如下:

    {
            xtype: 'grid',
            title: '组件列类型(widgetcolumn)实现部分行不出现复选框列的选择模式',
            columns: [{
                xtype:'widgetcolumn',
                widget: {
                    xtype: 'checkbox',
                    bind: '{record.checked}',
                    listeners:{
                        afterrender:function(thisCheckBox,opt){
                            var record = thisCheckBox.getWidgetRecord();
                            var show = record.get('showcheckbox');
                            if(!show) thisCheckBox.setHidden(true);
                        }
                    }
                }
            },{
                text: '姓名',
                dataIndex: 'name'
            }, {
                text: '都城',
                dataIndex: 'city'
            }],
            store: [{
                "name": "曹操",
                "city": "豫州",
                "showcheckbox":true
            }, {
                "name": "刘备",
                "city": "荆州"
            }, {
                "name": "孙权",
                "city": "扬州",
                "showcheckbox":true
            }]
        }
    

    代码示例效果如下:

    在这里插入图片描述

    • 上面的示例代码中, Store中有一个 showcheckbox的属性,widgetcolumn 中根据该值判断是否显示复选框组件。复选框是否选取可以使用其他的属性判断。

    本篇在线示例

    https://osxm.github.io/extjs_dev_ency/#gridselectdemo

    展开全文
  • true上面这段话描述的不清楚,他的意思是当我们想默认全选的时候就在列上添加这个属性.其实这个属性是可以在每一数据上面单独添加的. 我们在加载表格数据的时候在需要回显的那一数据上添加 LAY_CHECKED=true,就...

    LAY_CHECKEDBoolean是否全选状态(默认:false)。必须复选框列开启后才有效,如果设置 true,则表示复选框默认全部选中。true

    上面这段话描述的不清楚,他的意思是当我们想默认全选的时候就在列上添加这个属性.

    其实这个属性是可以在每一行数据上面单独添加的. 我们在加载表格数据的时候在需要回显的那一行数据上添加 LAY_CHECKED=true,就可以实现单独一行勾选效果.

    下列:

    我们表格加载的数据为json格式:

    {“id”:i, “name”:小明}

    如果要实现勾选效果:

    {“id”:i, “name”:小明, “LAY_CHECKED”:true}

    #列表中的复选框table.render({

    elem: '#userTable'

    , url: '../sysRole/getUserList'

    , title: '用户列表'

    , page: true //开启分页

    , cols: [[

    {type:'checkbox'}

    , {field: 'userName',sort: true, title: '用户名称'}

    , {field: 'account',sort: true, title: '登录账户'}

    , {field: 'deleteFlg',sort: true, title: '是否启用'}

    ]]

    ,done: function(res, page, count){

    //可以自行添加判断的条件是否选中

    //这句才是真正选中,通过设置关键字LAY_CHECKED为true选中,这里只对第一行选中

    res.data[0]["LAY_CHECKED"]='true';

    //下面三句是通过更改css来实现选中的效果

    var index= res.data[0]['LAY_TABLE_INDEX'];

    $('tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true);

    $('tr[data-index=' + index + '] input[type="checkbox"]').next().addClass('layui-form-checked');

    }});

    checkFuntion()当翻页或加载时判断是否选中复选框,input第一行禁用,第二行选中,第三行未选中

    //存储选中的设备Id

    var checkId=[];

    //模板页定义复选框,可以直接写js控制是否选中              

    {{#

    function checkFuntion(arry){

    var isTrue=false;

    for(var index in arry){

    if(arry[index]==d.id){

    isTrue=true;

    break;

    }

    }

    return isTrue;

    };

    if(d.deviceAreaId!=null){ }}

    {{# } else {

    if(checkFuntion(checkId)){ }}

    {{# } else { }}

    {{# } }}

    {{# } }}

    table.render({

    elem: '#deviceList'

    , url: '../devices/findALL' //数据接口

    , title: '仪表表'

    ,height:'480px'

    ,where:{"gatewaySN":selectPid,"channel":searchId}

    , page: true //开启分页

    , cols: [[ //表头

    {field:'id',width: '5%',templet: '#checkboxTpl',title: '

    '}
    展开全文
  • layui数据表格选框回显

    千次阅读 2020-01-08 17:25:35
    上面这段话描述的不清楚,他的意思是当我们想默认全选的时候就在列上添加这个属性. 其实这个属性是可以在每一数据上面单独添加的. 我们在加载表格数据的时候在需要回显的那一数据上添加 LAY_CHECKED=true,就...
    LAY_CHECKED Boolean 是否全选状态(默认:false)。必须复选框列开启后才有效,如果设置 true,则表示复选框默认全部选中。 true

    上面这段话描述的不清楚,他的意思是当我们想默认全选的时候就在列上添加这个属性.

    其实这个属性是可以在每一行数据上面单独添加的. 我们在加载表格数据的时候在需要回显的那一行数据上添加 LAY_CHECKED=true,就可以实现单独一行勾选效果.

    下列:

    我们表格加载的数据为json格式:

    {“id”:i, “name”:小明}

    如果要实现勾选效果:

    {“id”:i, “name”:小明, “LAY_CHECKED”:true}

    试了下list循环根据自己的字段值 判断加了个 LAY_CHECKED 属性 可以回显了

    展开全文
  • “此致敬礼”是什么意思

    千次阅读 2012-04-03 12:23:53
    “此致”可理解为“至此”,“话以至此”的意思 敬礼为“表达最真诚的敬意” 整句为:“话以到此结束,在次像您表达我最真诚的敬意” 人们写信,常在末尾写“此致”,另一写“敬礼”,“此致”“敬礼”后面不...
    “此致”可理解为“至此”,“话以至此”的意思
    敬礼为“表达最真诚的敬意”
    整句为:“话以到此结束,在次像您表达我最真诚的敬意”
    
    

    人们写信,常在末尾写“此致”,另一行写“敬礼”,“此致”“敬礼”后面不加标点,这已经成为一种格式。“敬礼”好懂,“此致”是什么意思呢?

        这就要弄清“此致”的含义和作用。“此”是指前面信中所写的内容。写回信,末尾用“此复”;下通知,末尾用“此通知”;发命令,末尾用“此令”;出布告,末尾用“此布”。这些都是煞尾语,“此”字的作用在于概指前文。了结全篇。“致”含有无保留地给予呈献之意。“此致”二字连用,译成白话,意思是“上面的话说完了”,或者是“上面的话都说与你了”。这样,“此致”表示是一封信的煞尾,而不是“敬礼”的动词。两者之间不存在动宾关系。

    展开全文
  • 浅谈SSI

    2018-03-12 15:25:23
     SSI是英文Server Side Includes的缩写,翻译成中文就是服务器端包含的意思。  从技术角度上说,SSI就是HTML文件中,可以通过注释调用的命令或指针。SSI 具有强大的功能,只要使用一条简单的SSI 命令就可以实现...
  • https://www.cnblogs.com/mesopotamia/p/4948861.html要深入了解Spring机制,首先需要知道Spring是怎样在IoC容器中装配Bean。而了解这一点前提是,要搞清楚Spring基于SchemaXml配置方案。...复行数十步,豁...
  • 程序员1024|我学开发这一年|长路漫谈

    千次阅读 多人点赞 2019-10-20 10:50:30
    也是从c语言课上才了解到了程序员们对数字1024的执着,关于程序员的1024,说法不一,我更倾向于"1G=1024M,而1G又与1级谐音,故有一级棒的意思。"一年的时光,从跌跌撞撞,到渐渐远,没有什么是一蹴而就的。邓超在...
  • Html+Css基础02

    2017-03-23 15:08:03
    1:textarea是文本区域的意思cols是可见宽度 rows是可见高度 行的意思 个人简介 在这里输入... 提交 重置 2:单选框和选框 这里要注意的就是你选择的时候有的时候是单选 只能选中一个,有的时候是...
  • 学英语最苦恼事情是每个单词都认识,连在一起却不知道是什么意思;读源代码最苦恼事情是每一代码都能看得懂,却不知道它们是如何一起完成工作。这里关键都是对整体把握。人脑特点是有很强逻辑思维、...
  • 自主学习总结.doc

    2021-01-14 20:39:34
    我们要学会自己主动去学习,而这就是自主学习的意思。 自主学习的含义是:学习者的态度、能力和学习策略等因素综合而成的一种主导学习的内在机制,也就是学习者指导和控制自己的学习能力。 自主学习有什么好处呢? ...
  • 酉矩阵

    万次阅读 2012-09-06 10:35:40
    Unitary Matrix, Unitary 是归一或单位的意思)。即,矩阵U为酉矩阵,当且仅当其共轭转置为其逆矩阵: 。 若酉矩阵的元素都是实数,其即为正交矩阵。与正交矩阵G不会改变两个实矢量的内积类似, 酉...
  • 复行数十步,豁然开朗。土地平旷,屋舍俨然,有良田美池桑竹之属。阡陌交通,鸡犬相闻。其中往来种作,男女衣着,悉如外人。黄发垂髫,并怡然自乐。”这一段的意思是这样的:“桃林在溪水发源的地方就到头了,就出现...
  • 中华田园犬发展史

    2020-12-08 14:56:33
    中华田园犬是中国本土最古老的犬种之一,曾被尊称为“国犬”。...东方江浙沪地区则一般被称为“草狗”,这里的“草”就是“土”、本地产的意思。当地的农民家中都会养一两条这样的狗看家作伴。 土狗的
  • 题意 ...分析:其实对于每次处理,都是把每组数第一个数字移动到下一组数一个位置,最后一组数第一个数字移动到最后位置,就这样模拟一下就,(感觉这个模拟还有点意思)。 时间...
  • 网络中很多机器使用 NTFS文件系统,它ACL功能(访问控制列表)可以对用户访问权限进行控制,用户要访问这些机器共享资源,必须赋予相应权限才。如使用Guest账号访问该机器CPCW共享文件夹,右键点击该...
  • 兜兜圈圈工作已经8年了...可是这样一一日过下去实在没什么意思。   改变,早就暗暗下定决心了但是始终都是心已远但身未动。这叫什么-----拖延症,都在拖着。好吧过去就过去吧我也要重新开始。  那就开始吧!
  • HTML5重要知识点整理

    2018-08-07 11:54:38
    关键是很多英文单词搞不懂意思。 文档结构:列表?(ul-li、ol-li、dl-dt-dd)表格?(table-tr-th) 跨?colspan 跨列 rowspan 表单:(提交去哪里?用什么方式提交,裸露还是封装?提交是什么类型元素?元素...
  •  原文为:“夫君子之,静以修身,俭以养德。非淡泊无以明志,非宁静无以致远。夫学,须静也;才,须学也。非学无以广才,非志无以成学。滔慢则不能励精,险躁则不能治性。年与时驰,意与日去,遂成枯落,多不接世...
  • 利用这一技巧,先通读全文,便能更好理解文章的意思,把握段与段之间的关系,在翻译时就能在上下文中确定词义,译。正确理解原文后,还要通过适当的翻译技巧用规范的汉语表达出来。 (1)增词法。根据需要增加一些...
  • html入门到放弃笔记

    2018-05-15 15:06:12
    在一内允许显示多个元素,称为 "行内元素" span,i,b,s,u,sup,sub 作用:包裹文本,并处理文本表现形式 2、块级元素 每个元素独占一显示,称为 "块级元素" div,p,h1,h2,h3,h4,h5,h6 作用:布局 ...
  • 中显示音量控制图标,可以启用“将音量图标放入任务栏”选框。  (7)你想调节各项音频输入输出音量,单击“设备音量”区域中“高 级”按钮,在弹出“音量控制”对话框里调节即可。这里列出了从总体音 量...
  • MAPGIS地质制图工具

    2013-05-06 16:15:30
    若事先未打开Excel,那么将会把选择表(Sheet)中所有数据(直到最后为空值;有空数据但下面仍有数据,继续插入数据;有引用公式当做有数据)转到MapGis里面; 2、如果需要把Excel中线也输入到MapGis中,...
  • 汽车驾驶教程图解

    2012-05-26 08:56:12
    相反,加速踏板踩踏量踩得过大、离合器连接过急,容易引起汽车窜。这些都必须引起注意。  *半离合器感觉方法  发动机声音变大、车体开始抖动,判断汽车已经开始起步。掌握离合器半联动位置,可以防止汽车起...
  • 会计理论考试题

    2012-03-07 21:04:40
    A、列表框 B、选框 C、文本框 D、数值框 26.在Windows98中,如果要输入GB2312-80规定以外汉字,应当____C____。 A、从Windows98CD盘上安装GBK汉字输入法 B、从软件厂商购买GBK汉字输入法 C、选择全拼输入法来...
  • arcgis工具

    2012-10-22 22:37:31
    另外ArcToolBox->Data Management Tools->Generalization->Collapse Dual Lines To Centerline也。不过以上做法要求边界是双线。你必须先把面转成线,特别是参数设置。也可以尝试下sketch工具条中midpoint ...
  • 以下JSP文件大概意思概括如下:从数据库取出所有数据放入Iterator,然后根据每一条数据类型显示为单选、多选、单选+输入、多选+输入、填空、多行输入。每一个题目name设为它在数据库ID。 jsp如下: ...
  • 在基于Windows 2000网络中,活动目录(Active Directory)是它核心。活动目录是一个分布式目录服务。网络信息可以分散在多台不同计算机上,保证快速访问和容错;同时不管用户从何处访问或信息处在何处,对用户都...

空空如也

空空如也

1 2
收藏数 36
精华内容 14
关键字:

复行的意思