Jan 19, 2015, 5:42 PM
[CLOSED] [#652] StripeRows not working on Crispy and Crisp and CrispTouch themes
On Gray, Neptune and NeptuneTouch themes, StripeRows is enabled by default.
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
</head>
<body>
<ext:ResourceManager runat="server" Theme="Gray" ScriptMode="Debug" />
<ext:GridPanel runat="server" Title="Ext.Net" Width="300" Height="400">
<Store>
<ext:Store AutoLoad="true" ID="_str" runat="server">
<Proxy>
<ext:AjaxProxy Url="~/Example/LoadFakeRecords/">
<ActionMethods Read="POST" />
<Reader>
<ext:JsonReader RootProperty="data" />
</Reader>
</ext:AjaxProxy>
</Proxy>
<Model>
<ext:Model IDProperty="ID" runat="server">
<Fields>
<ext:ModelField Name="ID" Type="String" />
<ext:ModelField Name="Name" Type="String" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:Column Text="ID" DataIndex="ID" runat="server" />
<ext:Column Text="Name" Flex="1" DataIndex="Name" runat="server" />
</Columns>
</ColumnModel>
<View>
<ext:GridView StripeRows="true" />
</View>
</ext:GridPanel>
</body>
</html>
namespace SandBox.Controllers
{
public class ExampleController : System.Web.Mvc.Controller
{
public ActionResult Index()
{
return View();
}
public StoreResult LoadFakeRecords()
{
List<Entity> lstEntities = new List<Entity>();
for (int index = 0; index < 15; index++)
{
lstEntities.Add(new Entity
{
ID = index,
Name = string.Format("Name - {0}", index)
});
}
return new StoreResult(lstEntities, lstEntities.Count());
}
}
[Serializable]
public class Entity
{
public int ID { get; set; }
public string Name { get; set; }
}
}
On themes metioned above, it's possible to override the alternate-row css rule, as shown below:<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<style type="text/css">
.x-grid-item-alt {
color: white !important;
background-color: #0066cc !important;
}
</style>
</head>
<body>
<ext:ResourceManager runat="server" Theme="Gray" ScriptMode="Debug" />
<ext:GridPanel runat="server" Border="true" Title="Ext.Net" Width="300" Height="400">
<Store>
<ext:Store AutoLoad="true" ID="_str" runat="server">
<Proxy>
<ext:AjaxProxy Url="~/Example/LoadFakeRecords/">
<ActionMethods Read="POST" />
<Reader>
<ext:JsonReader RootProperty="data" />
</Reader>
</ext:AjaxProxy>
</Proxy>
<Model>
<ext:Model IDProperty="ID" runat="server">
<Fields>
<ext:ModelField Name="ID" Type="String" />
<ext:ModelField Name="Name" Type="String" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:Column Text="ID" DataIndex="ID" runat="server" />
<ext:Column Text="Name" Flex="1" DataIndex="Name" runat="server" />
</Columns>
</ColumnModel>
<View>
<ext:GridView StripeRows="true" />
</View>
</ext:GridPanel>
</body>
</html>
But, on both Crisp and CrispTouch themes, StripeRows doesn't work as expected.<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<style type="text/css">
.x-grid-item-alt {
color: white !important;
background-color: #0066cc !important;
}
</style>
</head>
<body>
<ext:ResourceManager runat="server" Theme="Crisp" ScriptMode="Debug" />
<ext:GridPanel runat="server" Border="true" Title="Ext.Net" Width="300" Height="400">
<Store>
<ext:Store AutoLoad="true" ID="_str" runat="server">
<Proxy>
<ext:AjaxProxy Url="~/Example/LoadFakeRecords/">
<ActionMethods Read="POST" />
<Reader>
<ext:JsonReader RootProperty="data" />
</Reader>
</ext:AjaxProxy>
</Proxy>
<Model>
<ext:Model IDProperty="ID" runat="server">
<Fields>
<ext:ModelField Name="ID" Type="String" />
<ext:ModelField Name="Name" Type="String" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:Column Text="ID" DataIndex="ID" runat="server" />
<ext:Column Text="Name" Flex="1" DataIndex="Name" runat="server" />
</Columns>
</ColumnModel>
<View>
<ext:GridView StripeRows="true" />
</View>
</ext:GridPanel>
</body>
</html>
Last edited by Daniil; Jan 23, 2015 at 12:00 PM.
Reason: [CLOSED] [#652]