Apr 08, 2011, 9:25 AM
[CLOSED] Problem RowEditor with center column and double click to edit
Hi,
I have posted an example with my problems.
I don't succeed in centering the checkBox in the column.
When I change a value in the dropdown or in a checkbox and I click in another checkbox of the same row, I must click twice to change the value.
Please help me.
Thank you.
Jimmy
I have posted an example with my problems.
I don't succeed in centering the checkBox in the column.
When I change a value in the dropdown or in a checkbox and I click in another checkbox of the same row, I must click twice to change the value.
Please help me.
Thank you.
Jimmy
<%@ Page Language="C#" %>
<%@ Import Namespace="System.Collections.ObjectModel" %>
<%@ Import Namespace="System.Collections.Generic" %>
<%@ Import Namespace="System.Data" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
_loadStoreDecimali();
_loadStoreMetadati();
}
}
private void _loadStoreDecimali()
{
DataTable dt = new DataTable();
DataRow dr = null;
dt.Columns.Add("ID");
dt.Columns.Add("Name");
dr = dt.NewRow();
dr["ID"] = "0";
dr["Name"] = "0";
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["ID"] = "1";
dr["Name"] = "1";
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["ID"] = "2";
dr["Name"] = "2";
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["ID"] = "3";
dr["Name"] = "3";
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["ID"] = "4";
dr["Name"] = "4";
dt.Rows.Add(dr);
this.storeDecimali.DataMember = dt.TableName;
this.storeDecimali.DataSource = dt;
this.storeDecimali.DataBind();
}
private void _loadStoreMetadati()
{
DataTable dt = new DataTable();
DataRow dr = null;
dt.Columns.Add("Name");
dt.Columns.Add("idMetadato");
dt.Columns.Add("flGruppo");
dt.Columns.Add("flIsNumber");
dt.Columns.Add("flSomma");
dt.Columns.Add("vlNrDecimali");
dr = dt.NewRow();
dr["Name"] = "Test";
dr["idMetadato"] = "0";
dr["flGruppo"] = "0";
dr["flIsNumber"] = "0";
dr["flSomma"] = "0";
dr["vlNrDecimali"] = "0";
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["Name"] = "Test 1";
dr["idMetadato"] = "1";
dr["flGruppo"] = "0";
dr["flIsNumber"] = "1";
dr["flSomma"] = "0";
dr["vlNrDecimali"] = "3";
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["Name"] = "Test 2";
dr["idMetadato"] = "2";
dr["flGruppo"] = "1";
dr["flIsNumber"] = "1";
dr["flSomma"] = "0";
dr["vlNrDecimali"] = "2";
dt.Rows.Add(dr);
this.storeCampiMetadatiAssociati.DataMember = dt.TableName;
this.storeCampiMetadatiAssociati.DataSource = dt;
this.storeCampiMetadatiAssociati.DataBind();
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.x-editor-center .x-form-check-wrap
{
text-align:center;
}
</style>
<ext:XScript runat="server">
<script type="text/javascript">
var decimaliRenderer = function(value) {
var r = storeDecimali.getById(value);
if (Ext.isEmpty(r)) {
return "";
}
return r.data.Name;
};
</script>
</ext:XScript>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:Store ID="storeDecimali" runat="server">
<Reader>
<ext:JsonReader IDProperty="ID">
<Fields>
<ext:RecordField Name="ID" />
<ext:RecordField Name="Name" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
<ext:Store ID="storeCampiMetadatiAssociati" runat="server">
<Reader>
<ext:JsonReader>
<Fields>
<ext:RecordField Name="Name" />
<ext:RecordField Name="idMetadato" />
<ext:RecordField Name="flGruppo" />
<ext:RecordField Name="flIsNumber" />
<ext:RecordField Name="flSomma" />
<ext:RecordField Name="vlNrDecimali" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
<ext:GridPanel
ID="gridCampiMetadatiAssociati"
runat="server"
StoreID="storeCampiMetadatiAssociati"
DDGroup="GridDDCampiMetadati"
EnableDragDrop="true"
StripeRows="true"
AutoExpandColumn="Name"
Width="368"
Height="300"
Title="Campi fissi associati"
ClicksToEdit="1">
<Plugins>
<ext:EditableGrid ID="EditableGrid1" runat="server" />
</Plugins>
<ColumnModel>
<Columns>
<ext:Column ColumnID="Name" Header="Campo metadato" Width="100" DataIndex="Name" />
<ext:Column DataIndex="idMetadato" Hidden="true" Width="0"/>
<ext:Column DataIndex="flGruppo" Header="Gr." Width="37" ColumnID="flGruppo" Align="Center" Sortable="false" Css="x-editor-center">
<Editor>
<ext:Checkbox ID="ckGruppo" runat="server" CtCls="x-editor-center" Cls="x-editor-center">
<Listeners>
<Change Handler="this.onClick();" />
</Listeners>
</ext:Checkbox>
</Editor>
<EditorOptions Offsets="0,-4"/>
</ext:Column>
<ext:Column DataIndex="flIsNumber" Header="Num." Width="37" ColumnID="flIsNumber" Align="Center">
<Editor>
<ext:Checkbox ID="ckIsNumber" runat="server">
<Listeners>
<Change Handler="this.onClick();" />
</Listeners>
</ext:Checkbox>
</Editor>
</ext:Column>
<ext:Column DataIndex="flSomma" Header="Sum" Width="37" ColumnID="flSomma" Align="Center">
<Editor>
<ext:Checkbox ID="ckSommaMetadato" runat="server">
<Listeners>
<Change Handler="this.onClick();" />
</Listeners>
</ext:Checkbox>
</Editor>
</ext:Column>
<ext:Column
Header="Decimali"
DataIndex="vlNrDecimali"
Width="50"
Sortable="false">
<Editor>
<ext:ComboBox ID="cbDecimaliMetadati"
Editable="false"
runat="server"
Shadow="Drop"
Mode="Local"
TriggerAction="All"
StoreID="storeDecimali"
DisplayField="Name"
ValueField="ID"
/>
</Editor>
<Renderer Fn="decimaliRenderer" />
</ext:Column>
</Columns>
</ColumnModel>
<View>
<ext:GridView ID="GridView2" runat="server" MarkDirty="false" />
</View>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel8" runat="server" />
</SelectionModel>
</ext:GridPanel>
</form>
</body>
</html>
Last edited by Daniil; Apr 11, 2011 at 1:03 PM.
Reason: [CLOSED]