Nov 26, 2011, 1:20 PM
Change Gridpanel's row background , CodeBehind ?
My Gridpanel id the following :
below is DeActive event method :
<style type="text/css">
.GridPanelUsersRowYellow
{
background: #FEE9E9;
}
.GridPanelUsersRowWhite
{
background: white;
}
</style>
<script type="text/javascript">
function getRowClass(record) {
if (record.data.IsLock) {
return "GridPanelUsersRowYellow";
}
else {
}
}
</script>
<ext:Store ID="Store1" runat="server" OnRefreshData="Store1_RefreshData">
<Reader>
<ext:JsonReader IDProperty="Id">
<Fields>
<ext:RecordField Name="Id" Type="Int" />
<ext:RecordField Name="FirstName" />
<ext:RecordField Name="LastName" />
<ext:RecordField Name="JobTitle" />
<ext:RecordField Name="SSN" />
<ext:RecordField Name="UserName" />
<ext:RecordField Name="MemberStatusFarsiName" />
<ext:RecordField Name="MemberRoleName" />
<ext:RecordField Name="RegisterDate" />
<ext:RecordField Name="IsLock" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
<ext:GridPanel ID="GridPanelUsers" runat="server" StripeRows="true" Height="330"
StoreID="Store1" AutoExpandColumn="FirstName" Header="true" Title=" Members List "
Icon="User">
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:Button ID="ButtonLockUser" runat="server" Text=" DeActive " Icon="UserRed">
<DirectEvents>
<Click OnEvent="ButtonLockUser_Click">
<EventMask ShowMask="true" Target="CustomTarget" CustomTarget="={#{GridPanelUsers}.body}" />
<ExtraParams>
<ext:Parameter Name="id" Value="#{GridPanelUsers}.getSelectionModel().getSelected().data.Id"
Mode="Raw" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
<View>
<ext:GridView ID="GridView1" runat="server">
<GetRowClass Fn="getRowClass" />
</ext:GridView>
</View>
<ColumnModel runat="server">
<Columns>
<ext:RowNumbererColumn />
<ext:Column ColumnID="FirstName" Header="Name" DataIndex="FirstName" Align="Right"
Width="50" />
<ext:Column ColumnID="LastName" Header="LName" DataIndex="LastName" Align="Right"
Width="100" />
<ext:Column ColumnID="UserName" Header="user name" DataIndex="UserName" Align="Right"
Width="100" />
<ext:Column ColumnID="MemberRoleName" Header="RoleName" DataIndex="MemberRoleName" Align="Right"
Width="100" />
<ext:Column ColumnID="MemberStatusFarsiName" Header="Date" DataIndex="RegisterDate"
Align="Center" Width="80" Locked="true" />
<ext:Column ColumnID="IsLock" DataIndex="IsLock" Hidden="true">
</ext:Column>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server" SingleSelect="true" />
</SelectionModel>
<BottomBar>
<ext:PagingToolbar ID="PagingToolBar1" runat="server" PageSize="50" StoreID="Store1"
StyleSpec="direction:ltr;" EmptyMsg=" " DisplayMsg=" " BeforePageText="Page" />
</BottomBar>
</ext:GridPanel>
I wanna change the row background color in C#, whenever I change IsLock property value in C#.below is DeActive event method :
protected void ButtonLockUser_Click(object sender, DirectEventArgs e)
{
KMSServiceClient service = new KMSServiceClient();
int memberId = int.Parse(e.ExtraParams["id"]);
ServiceWrapper.KMSService.Member member = service.GetMemberById(memberId);
member.IsLocked = true;
service.LockMember(memberId);
//RowSelectionModel sm = GridPanelUsers.SelectionModel.Primary as RowSelectionModel;
//sm.Render(true);
//How can I change the row background color from here
BindGridPanel();
}
Last edited by Mohammad; Nov 26, 2011 at 1:23 PM.