作成日: 2019/11/11 最終更新日: 2019/11/11
文書種別
使用方法
詳細
ShowCheckBoxesプロパティをTrueに設定すると、すべてのノードにチェックボックスが追加されます。
この場合、チェックボックス箇所をクリックしてON／OFFの切り替えが可能ですが、下記のようなスクリプトを実装すると、ノードのテキスト箇所をクリックした際にもチェックボックスを切り替えることができます。
具体的な処理としては、C1TreeViewのClickイベントをハンドルし、クライアント側の製品機能「findNodeByTextメソッド」を使用して、ターゲットのテキストと一致するノードを検索しチェックボックスのクリック操作を実行します。
◎サンプルコード(aspx)
この場合、チェックボックス箇所をクリックしてON／OFFの切り替えが可能ですが、下記のようなスクリプトを実装すると、ノードのテキスト箇所をクリックした際にもチェックボックスを切り替えることができます。
具体的な処理としては、C1TreeViewのClickイベントをハンドルし、クライアント側の製品機能「findNodeByTextメソッド」を使用して、ターゲットのテキストと一致するノードを検索しチェックボックスのクリック操作を実行します。
◎サンプルコード(aspx)
<body>
<form id="form1" runat="server">
<wijmo:C1TreeView ID="C1TreeView1" runat="server" ShowCheckBoxes="True">
・・・
</wijmo:C1TreeView>
</form>
<script>
$(function () {
var tree = $("#<% =C1TreeView1.ClientID %>");
tree.click(function (e) {
var _nodeText = $(e.target).text();
if (tree.c1treeview("findNodeByText", _nodeText)) {
$(tree.c1treeview("findNodeByText", _nodeText).element).find(".wijmo-checkbox").eq(0).click()
}
});
})
</script>
</body>
<form id="form1" runat="server">
<wijmo:C1TreeView ID="C1TreeView1" runat="server" ShowCheckBoxes="True">
・・・
</wijmo:C1TreeView>
</form>
<script>
$(function () {
var tree = $("#<% =C1TreeView1.ClientID %>");
tree.click(function (e) {
var _nodeText = $(e.target).text();
if (tree.c1treeview("findNodeByText", _nodeText)) {
$(tree.c1treeview("findNodeByText", _nodeText).element).find(".wijmo-checkbox").eq(0).click()
}
});
})
</script>
</body>
旧文書番号
84624