2

次のコードを使用してプレースホルダー属性を入力フィールドに追加するために、次のことを試しました。

    dataSource: {
        ...
        schema: {
            data: "storeEmployeeData",
            total: "storeEmployeeDataCount",
            model: {
                id: "ID",
                fields: {
                    Id: { type: "number", editable: false, nullable: true },
                    FirstName: { type: "string", nullable: true, editable: true, validation: { required: false } },
                    MiddleName: { type: "string", nullable: true, editable: true, validation: { required: false } },
                    LastName: { type: "string", nullable: true, editable: true, validation: { required: false } },
                    **Email: { type: "string", nullable: true, editable: true, placeholder: "(optional)", validation: { email: true, required: false } }
                }
            }
        },
        ...
    }

また、次のことを試しました、

    columns: [
        { field: "FirstName", title: "First Name", type: "string", width: "150px" }, 
        { field: "MiddleName", title: "Middle Name", type: "string", width: "150px" }, 
        { field: "LastName", title: "Last Name", type: "string", width: "150px" }, 
        { field: "Email", title: "Email", type: "string", width: "250px", sortable: false, placeholder: "(optional)" }, 
        { command: ["edit", "destroy"], title: " ", width: "200px" }
    ],

それらのどれも、私が探していた結果をもたらしませんでした。つまり、プレースホルダー属性placeholder="(optional)"が入力フィールドに追加されました。

これは HTML5 の一部です。この機能が Kendo UI Grid に既に存在する場合、IE 7 および IE 8 とも互換性がありますか?

何か不足していますか？どんな助けでも大歓迎です！

4

2 に答える 2

3

placeholderKendo UI Model のドキュメントにはオプションがありません。したがって、直接サポートされていません。参考：http ://docs.kendoui.c​​om/api/framework/model#configuration-Example . 多分あなたは使用するつもりでしたdefaultValueか？

attributesまたは、 Kendo UI Grid 構成のオプションを使用することもできます。参考：http ://docs.kendoui.c​​om/api/web/grid#configuration-columns.attributes .

このplaceholder属性は、IE 10 以降でのみサポートされています。

更新：（コメントのため）

例を挙げると、placeholder属性を入力要素に追加するeditorには、列のオプションを使用できます。

columns: [
  { field: "Email", title: "Email", width: 250, sortable: false, 
    editor: function (container, options) {
     var input = $("<input/>");
     input.attr("name", options.field);
     input.attr("placeholder", "(optional)");
     input.appendTo(container);
    }
  }
]
于 2013-08-26T18:27:10.793 に答える
0

レコードがない場合のプレースホルダーを探している場合は、 

   <div id="grid"></div>
    <script>
    $("#grid").kendoGrid({
      columns: [
        { field: "name" },
        { field: "age" }
      ],
      noRecords: true,
      dataSource: []
    });
    </script>

また

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  pageable: true,
  noRecords: {
    template: "No data available on current page. Current page is: #=this.dataSource.page()#"
  },
  dataSource: {
    data: [{name: "John", age: 29}],
    page: 2,
    pageSize: 10
  }
});
</script>
于 2019-09-16T18:33:54.177 に答える