zoukankan      html  css  js  c++  java
  • datagrid在MVC中的运用10-勾选

    本文体验与勾选有关的特性。

      需要加载的books.json

    展开

      视图

    展开

    注意:
    如果没有设置 method: 'get',就会报错,因为默认不能以post方式访问静态文件books.json。

    效果:
    check1

    以上没有把books.json中"checked": true的行设置为选中。

      设置每行属性checked为true的行选中

                    onLoadSuccess: function(data) {
                        if (data) {
                            $.each(data.rows, function(index, item) {
                                if (item.checked) {
                                    $('#tt').datagrid('checkRow', index);
                                }
                            });
                        }
                    }

    效果:
    check2

      获取选中行的值

            $(function() {
                initData();
                $('#ButtonGetCheck').click(function() {
                    var checkedItems = $('#tt').datagrid('getChecked');
                    var names = [];
                    $.each(checkedItems, function(index, item) {
                        names.push(item.productname);
                    });
                    console.log(names.join(","));
                });
            });

    效果:
    check3

      /Customer/Index 视图

    展开

    效果:
    check4

    可见,默认状态下:
    可以多选
    勾选会选择行
    选中行会勾选

  • 相关阅读:
    bootstrap table 怎么自适应宽度
    nginx解决超长请求串(413 request Entity too Large错误解决办法)
    nginx proxy_buffer_size 解决后端服务传输数据过多,其实是header过大的问题
    测试了下boost的序列化反序列化功能
    测试C++代码与WebBrowser HTML的互动
    Open SSL 开发环境配置
    modern-cpp-features
    Qt程序调试之Q_ASSERT断言(条件为真则跳过,否则直接异常+崩溃)
    分布式事务
    Django admin
  • 原文地址:https://www.cnblogs.com/darrenji/p/3577434.html
Copyright © 2011-2022 走看看