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

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

  • 相关阅读:
    Shell需注意的语法问题
    iconv编码转换
    使用cocos创建的项目,如何进行源码调试?
    git切换到远程分支
    在 Git 中 Checkout 历史版本
    JAVA keytool 使用详解
    JAVA调用 keytool 生成keystore 和 cer 证书
    写出好的 commit message
    JAVA
    面试中关于Java你所需知道的的一切
  • 原文地址:https://www.cnblogs.com/darrenji/p/3577434.html
Copyright © 2011-2022 走看看