FineUI表格、窗体、按钮组及事件

//表格

@(F.Grid().IsFluid(true).CssClass("blockpanel").Title("表格").ShowHeader(true).ShowBorder(true).ID("Grid1").DataIDField("Id").DataTextField("Name")
          .Columns(
                        F.RowNumberField(),
                        F.RenderField().HeaderText("姓名").DataField("Name").Width(),
                        F.RenderField().HeaderText("性别").DataField("Gender").FieldType(FieldType.Int).RendererFunction("renderGender").Width(),
                        F.RenderField().HeaderText("入学年份").DataField("EntranceYear").FieldType(FieldType.Int).Width(),
                        F.RenderCheckField().HeaderText("是否在校").DataField("AtSchool").RenderAsStaticField(true).Width(),
                        F.RenderField().HeaderText("所学专业").DataField("Major").RendererFunction("renderMajor").ExpandUnusedSpace(true),
                        F.RenderField().HeaderText("分组").DataField("Group").RendererFunction("renderGroup").Width(),
                       F.RenderField().HeaderText("注册日期").DataField("LogTime").FieldType(FieldType.Date).Renderer(Renderer.Date).RendererArgument("yyyy-MM-dd").Width()
                         )
                  .DataSource(DataSourceUtil.GetDataTable())  //绑定数据来源
       )

//按钮组

@(F.Menu().ID("ChangeFlightContextMenu")
       .Items(
               F.MenuButton().ID("ChangeFlightBtn").Text("按钮1").Icon(Icon.Find).Listener("click","selectChangeFlight"),
               F.MenuButton().ID("CTOTCoordinateBtn").Text("按钮2").Icon(Icon.ArrowEw).Listener("click", "FlightCTOTCoordinate"),
               F.MenuButton().ID("FlightDetailBtn").Text("按钮3").Icon(Icon.Magnifier).Listener("click", "SelectFlightInfo")
                  )
        )

//窗体

@(F.Window().ID("Window1").Title("编辑").EnableIFrame(true).EnableMaximize(true).EnableResize(true).Target(Target.Parent).OnClose(Url.Action("Window1_Close")).IsModal(true).Width().Height().Hidden(true))

1，鼠标右击事件 .Listener("beforerowcontextmenu","onRowChangeFlightContextMenu")       //右击时间是beforerowcontextmenu

鼠标右击事件函数

function onRowChangeFlightContextMenu() {
                                      F.ui.ChangeFlightContextMenu.show();
                                       return false;                   //禁止右击默认时间
                                    }

2，按钮单击事件  .Listener("click", "函数名SelectFlightInfo")                                          //单击事件是click

行单击事件     .Listener("rowclick","SelectFlightInfo")                                     //行单击事件

行双击事件     .Listener("rowdblclick","SelectFlightInfo")                                     //行双击事件

单击事件函数往后台传参

function selectChangeFlight() {
                                   var Id = F.ui.Grid1.getSelectedRow();    //获取鼠标选中行Id
                                   var iframeWindowUrl = '@Url.Content("/控制器名/方法名")';
                                    F.ui.Window1.show(iframeWindowUrl + '?id=' + Id + '&type=值');
                               }

id与=之间不允许有空格，同理type和=之间也不允许有空格

3，单击按钮窗体显示   .Listener("click", "F.ui.Window1.show()")

4，自定义回发参数（改变Config的值）

F.TextBox().ID("OperateTime").Text("Configs.GetValue("OperateTime")").OnClick(Url.Action("TextChange"),new Parameter("val", "F.ui.OperateTime.getValue()"),

new Parameter("key", "F.ui.OperateTime.id"))

　　　后台方法

public ActionResult TextChange（string val,string key）

{

Configs.setValue(key,val);

return UIHelper.Result;

}