|
Coolite传值——前台到javascript到后台
一． Renderer Fn方法
A
<script type="text/javascript">
var sel = function(value) {
return "<a href='#' onclick='parent.getcars(\"" + value + "\");parent.window.HideWin();'>" + value + "</a>";
};
</script>
<ext:GridPanel ID="plist" runat="server" StoreID="store1" Border="false">
<ColumnModel>
<Columns>
<ext:Column ColumnID="_Licenseplatenum" Header="车牌号" Width="60" DataIndex="Licenseplatenum">
<Renderer Fn="sel" />
</ext:Column>
。。。。。。。。。。。。。。。。。
<ext:Column ColumnID="_status" Header="车辆状态" Width="60" DataIndex="status">
</ext:Column>
</Columns>
</ColumnModel>
。。。。。。。。。。。。。。。。。
</ext:GridPanel>
B
<script type="text/javascript">
var stat = function(value) {
switch (value) {
case '0':
return "<span style='color:red'>未审核</span>";
break;
case '1':
return "<span style='color:blue'>已审核</span>";
break;
case '2':
return "<span style='color:green'>已失效</span>";
break;
}
};
</script>
<ext:GridPanel ID="plist" runat="server" StoreID="store1" Border="false">
<ColumnModel>
<Columns>
<ext:Column ColumnID="_ID" Header="编号" DataIndex="ID" Hidden="true">
</ext:Column>
。。。。。。。。。。。。。。。。。
<ext:Column Header="状态" ColumnID="_STAT" DataIndex="STAT">
<Renderer Fn="stat" />
</ext:Column>
。。。。。。。。。。。。。。。。。
</Commands>
</ext:CommandColumn>
</Columns>
。。。。。。。。。。。。。。。。。
</ext:GridPanel>
二、Listeners方法
<script type="text/javascript">
var SendCheck = function() {
var row = Ext.getCmp("plist").getSelectionModel().getSelections();
if (row.length == 0) {
alertE("提示信息", "您没有选中任何行!");
}
else {
Ext.Msg.confirm("提示!", "审核后新闻自动发布？是否继续？", function(btn) {
if (btn == "yes") {
var no = Ext.getCmp("plist").getSelectionModel().getSelections()[0].data['ID'];
Coolite.AjaxMethods.SendCheckEvent(no);
}
});
}
}
</script>
<ext:GridPanel ID="plist" runat="server" StoreID="store1" Border="false">
。。。。。。。。。。。。。。。。。。。
<TopBar>
。。。。。。。。。。。。。。。。。。。
<ext:Button ID="Tc_Send" Text="审核" Icon="ApplicationDelete" Disabled="true"
AutoPostBack="false" runat="server">
<Listeners>
<Click Handler="if (!#{plist}.hasSelection()) {#{Tc_Send}.disable()};SendCheck();" />
</Listeners>
</ext:Button>
。。。。。。。。。。。。。。。。。。。
</ext:Toolbar>
</TopBar>
<ColumnModel>
<Columns>
。。。。。。。。。。。。。。。。。。。
<ext:Column Header="状态" ColumnID="_STAT" DataIndex="STAT">
<Renderer Fn="stat" />
</ext:Column>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" SingleSelect="true" runat="server">
<Listeners>
<RowSelect Handler="#{Tc_Edit}.enable();#{Tc_Del}.enable();#{Tc_Send}.enable();#{Tc_Dis}.enable();#{Tc_Img}.enable();#{Tc_View}.enable();" />
</Listeners>
</ext:RowSelectionModel>
</SelectionModel>
。。。。。。。。。。。。。。。。。
</ext:GridPanel>
三、AjaxMethods方法
前台：
<script type="text/javascript">
var Checkfrom = function() {
if (TXT_IDSTR.validate() && TXT_GGBH.validate()) {
Coolite.AjaxMethods.Save();
}
}
</script>
。。。。。。。。。。。。。。。。。
<ext:Button Text="<%$ Resources:res,submit %>" ID="btnsave" runat="server" Icon="Accept">
<Listeners>
<Click Handler="Checkfrom();" />
</Listeners>
</ext:Button>
。。。。。。。。。。。。。。。。。
后台：
[AjaxMethod]
public void Save()
{
ScriptManager1.AddScript("alertE('提示','保存中！');");
。。。。。。。。。。。。。。。。。
}
四、command方法
<script type="text/javascript">
var gridCommand = function(command) {
if (command == "newsview") {
ShowWin("查看新闻", "newsView.aspx?action=View&no=" + Ext.getCmp("plist").getSelectionModel().getSelections()[0].data['ID'], 900, 500);
}
if (command == "newsdele") {
alertE("删除提示信息", "您没有选中任何行!");
}
}
</script>
<ext:GridPanel ID="plist" runat="server" StoreID="store1" Border="false">
<ColumnModel>
<Columns>
<ext:Column ColumnID="_ID" Header="编号" DataIndex="ID" Hidden="true">
</ext:Column>
<ext:Column Header="新闻编号 " ColumnID="_NBH" DataIndex="NBH">
</ext:Column>
。。。。。。。。。。。。。。。。。
<ext:CommandColumn Width="120" Header="操作">
<Commands>
<ext:GridCommand Icon="ApplicationViewColumns" CommandName="newsview" Text="查看">
</ext:GridCommand>
<ext:GridCommand Icon="ApplicationDelete" CommandName="newsdele" Text="删除">
</ext:GridCommand>
</Commands>
</ext:CommandColumn>
</Columns>
</ColumnModel>
。。。。。。。。。。。。。。。。。
<Listeners>
<Command Fn="gridCommand" />
</Listeners>
。。。。。。。。。。。。。。。。。
</ext:GridPanel>
Coolite传值——前台到到后台
一、AjaxEvents方法
前台：
<ext:GridPanel ID="WorkLogPanel" AutoScroll="true" TrackMouseOver="true" Frame="true"
AutoExpandColumn="_DOTIME" StripeRows="true" runat="server" StoreID="WorkLogStore">
<ColumnModel>
<Columns>
。。。。。。。。。。。。。。。。。。。。。。。。
<ext:Column ColumnID="_DOTYPE" Width="100" DataIndex="DOTYPE" Header="操作类型">
</ext:Column>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server">
<AjaxEvents>
<RowSelect OnEvent="WorkLogPanel_RowSelect">
<ExtraParams>
<ext:Parameter Name="sLOGID" Value="params[2].data['LOGID']" Mode="Raw" />
</ExtraParams>
</RowSelect>
</AjaxEvents>
</ext:RowSelectionModel>
</SelectionModel>
</ext:GridPanel>
后台：
protected void WorkLogPanel_RowSelect(object sender, AjaxEventArgs e)
{
int LogId = Convert.ToInt32(e.ExtraParams["sLOGID"]);
SYSTEMLOG_MOD NewSystemMod = NewSystemLogDal.GetModel(LogId);
PROGNAME.Text = NewSystemMod.PROGNAME;
DOTYPE.Text = NewSystemMod.DOTYPE;
DOMEMO.Text = NewSystemMod.DOMEMO;
DOTIME.Text = NewSystemMod.DOTIME.ToString();
}
|
当前位置：