0
基本的なグリッドをセットアップするためのドキュメントです。最初の列を太字にするために列テンプレートを追加しましたが、適用されていません。私はDojoでコードを試してみました。トリプルで構文がチェックされ、すべてのデータでgirdが正常に表示されますが、太字は適用されません。剣道のグリッドの列のテンプレートが適用されていません
表のデータに適用されないスタイルを示すクロムのhtmlの検査。
これは、ここでのコードで、私は...
を見下ろすよ本当に簡単なものである必要があります:あなたが提供されたコードに基づいて、まあ
<!DOCTYPE html>
<html>
<head runat="server">
<title>Client</title>
<!-- Common Kendo UI CSS for web widgets and widgets for data visualization. -->
<link href="../css/kendo/kendo.common.min.css" rel="stylesheet" />
<!-- (Optional) RTL CSS for Kendo UI widgets for the web. Include only in right-to-left applications. -->
<%--<link href="../css/kendo/kendo.rtl.min.css" rel="stylesheet" type="text/css" />--%>
<!-- Default Kendo UI theme CSS for web widgets and widgets for data visualization. -->
<link href="../css/kendo/kendo.default.min.css" rel="stylesheet" />
<!-- (Optional) Kendo UI Hybrid CSS. Include only if you will use the mobile devices features. -->
<link href="../css/kendo/kendo.default.mobile.min.css" rel="stylesheet" type="text/css" />
<!-- Kendo UI combined JavaScript -->
<script src="../js/kendo/kendo.all.min.js"></script>
<script>
var people = [
{ firstName: "John",
lastName: "Smith",
email: "[email protected]"
},
{ firstName: "Jane",
lastName: "Smith",
email: "[email protected]"
},
{ firstName: "Josh",
lastName: "Davis",
email: "[email protected]"
},
{ firstName: "Cindy",
lastName: "Jones",
email: "[email protected]"
}
];
$("#client_grid").kendoGrid({
autoBind: false,
selectable: true,
columns: [{
field: "firstName",
title: "First Name",
template: "<strong>#: firstName # </strong>"
},
{
field: "lastName",
title: "Last Name",
},
{
field: "email",
title: "Email",
}]
});
$("#client_grid").kendoGrid({
dataSource: people
});
</script>
</head>
<body>
<div id="client_grid" />
</body>
</html>
これは動作しますが、それはデータソースが必要です(!):人々は初期設定で宣言されて...私の意図は、リモート・データにバインドするためにデータソースが事前にわからないようにajax呼び出しによって取得されます。私は二重初期化が問題であることを知っているので、どうすればこのような設定が可能ですか? – kpg
OK、私は、データソースがリモートデータアクセス用のトランスポートコンストラクトを必要とするのを見ています...私は上記のコードで(間違って)シミュレーションし、グリッドを再初期化しようとしていました。ありがとう! – kpg
setDataSource()メソッドもあります:http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#methods-setDataSource –