作成日: 2015/06/19 最終更新日: 2015/06/22
文書種別
使用方法
詳細
C1BoundFieldとBoolean型の値をデータバインドした場合、チェックボックスが表示されます。このチェックボックスセルでは、チェックボックスをクリックしてセルを移動したときに編集が確定されます。
チェックボックスをクリックした直後に編集を確定するには、次のようにチェックボックスのchangeイベントでwijgrid.endEditメソッドを実行します。
◎サンプルコード(JavaScript)
◎サンプルコード(aspx)
チェックボックスをクリックした直後に編集を確定するには、次のようにチェックボックスのchangeイベントでwijgrid.endEditメソッドを実行します。
◎サンプルコード(JavaScript)
// チェックボックスセルのクリック直後に編集を確定します。
$(document).on('change', '.wijgridinput[type="checkbox"]', function () {
$('#C1GridView1').c1gridview('endEdit');
});
$(document).on('change', '.wijgridinput[type="checkbox"]', function () {
$('#C1GridView1').c1gridview('endEdit');
});
◎サンプルコード(aspx)
<wijmo:C1GridView ID="C1GridView1" runat="server" AllowClientEditing="True" AutogenerateColumns="False" Culture="ja-JP" DataKeyNames="OrderID" DataSourceID="SqlDataSource1" Height="300px" Width="1000px" AllowVirtualScrolling="True" ScrollMode="Auto">
<ScrollingSettings Mode="Auto">
<VirtualizationSettings Mode="Rows" />
</ScrollingSettings>
<Columns>
<wijmo:C1BoundField DataField="OrderID" HeaderText="OrderID" ReadOnly="True" SortExpression="OrderID">
</wijmo:C1BoundField>
<wijmo:C1BoundField DataField="Delivered" HeaderText="Delivered" SortExpression="Delivered">
</wijmo:C1BoundField>
</Columns>
</wijmo:C1GridView>
※DeliveredフィールドがBoolean型の値を設定されたためにチェックボックス表示となるケースを想定してます
<ScrollingSettings Mode="Auto">
<VirtualizationSettings Mode="Rows" />
</ScrollingSettings>
<Columns>
<wijmo:C1BoundField DataField="OrderID" HeaderText="OrderID" ReadOnly="True" SortExpression="OrderID">
</wijmo:C1BoundField>
<wijmo:C1BoundField DataField="Delivered" HeaderText="Delivered" SortExpression="Delivered">
</wijmo:C1BoundField>
</Columns>
</wijmo:C1GridView>
旧文書番号
81366