Question

嗨大家好我尝试使用kendo网格插入新记录。
它的工作正常。
但我想设置隐藏和显示当它新的时候隐藏第二列。
只有这一行而不是其他所有这是我的代码： -

<!DOCTYPE html>
<html>
<head>

  <link href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
  <link href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.default.min.css" rel="stylesheet" type="text/css" />

<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1315/js/kendo.all.min.js"></script>
  <script>
   $(document).ready(function () {
        var users = [{ UserId: 1, UserName: "Robin", IsAdmin: true }
            , { UserId: 2, UserName: "Hood", IsAdmin: false }];


        var t = $("#grid").kendoGrid({
            dataSource: { data: users, pageSize: 10 }// binding data
            ,pageable: true
            , selectable: "multiple row"
            , toolbar: ["create"]
            , columns: [
                { field: "UserId" }
                , { field: "UserName"},
                 { command: "destroy", title: " ", width: "100px" }
               ],
               editable: true,
            edit: function(e)
                {   
                        if(e.model.isNew())
                        {
                                   $("td:nth-child(2)").css("display","none");
                        }
                }              
        });
    });
  </script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<input type="button" value="Iterate" onclick="iterate()"/>
<div id="grid"></div>


</body>
</html>

如果可以插入新记录隐藏第二个td，请帮助感谢。

Answer 1

试试这个，

在document.ready

中设置的代码下方

 $(".k-button,.k-button-icontext,.k-grid-add").click(function(){
              var activityGrid = $("#grid").data("kendoGrid");
              activityGrid.hideColumn(1);
 });

更新代码：

var cnt = 1;
        $(".k-button,.k-button-icontext,.k-grid-add").click(function () {
            cnt = 0;                
        });
        var hideFieldName = "UserName";
        $(".k-textbox").live("focusin", function (e) {
            if (cnt == 0) {
                if ($(this).attr("name") == hideFieldName) {
                    if ($(this).closest('tr').index() == cnt) {

                        $(this).attr("readonly", "readonly");
                    }
                }
            }
        });

因此，下面的代码按照您的要求工作。但在这种情况下，文本框已生成，但用户无法输入任何值。

如果有任何问题，请告诉我....

在kendo网格中插入新记录时如何隐藏特定列

1 个答案: