移动BOS的v7.6及以上版本开始支持“九宫格控件”。 -》 轻应用开发最佳实践

九宫格控件支持设计时预设数据源和绑定打开操作，也可以再移动表单插件动态绑定数据源和处理点击事件。

一、设计时预设

关键属性说明：

• 标题 -- 控件左上角的标题，如果需要实现是标题可以设置为空。

• 每页显示行数  -- 默认值是10，可以按需调整大小

• 每行显示列数  -- 默认值是4，可以按需调整大小

• 九宫格数据源  -- 设计时可以预设，每行可以绑定不同的打开操作，实现免插件代码打开其他移动表单。

二、插件示例代码

1、添加九宫格数据项

var gridItems = new List<GridItem>();

var griditem1 = new GridItem();
griditem1.FKey = "FHelp";
griditem1.FCaption = new LocaleValue("帮忙");
griditem1.FIcon = "mobilebos.webp"; //设置自己的九宫格项的图标，基准图片路径是：安装目录的/webSite/images/mobile/下，可以设置相对路径
gridItems.Add(griditem1);

var griditem2 = new GridItem();
griditem2.FKey = "FAPM";
griditem2.FCaption = new LocaleValue("新能监控");
griditem2.FIcon = "mobilebos.webp"; //设置自己的九宫格项的图标，基准图片路径是：安装目录的/webSite/images/mobile/下，可以设置相对路径
gridItems.Add(griditem2);

MetroView listView = this.View.GetControl<MetroView>("F_MOB_MetroView");
listView.SetItems(gridItems);

2、九宫格点击事件

public override void MetroViewItemClick(MetroViewItemClickEventArgs e)
{
  if (e.Key.EqualsIgnoreCase("F_MOB_MetroView"))
  {               
     if (e.ItemId.EqualsIgnoreCase("FHelp"))
     {
       JSONArray array = new JSONArray();
       JSONObject obj = new JSONObject();
       obj.Put("url", "http://mobilebos.kingdee.com");
       obj.Put("title", "title");
       obj.Put("urltitle", "urltitle");
       array.Add(obj);
       this.View.AddAction(JSAction.openUrlWindow, array);
     }
     else if (e.ItemId.EqualsIgnoreCase("FAPM"))
     {
       var showParameter = new MobileShowParameter();
       showParameter.FormId = "Mob_APMMonitor";
       showParameter.SyncCallBackAction = true;
       showParameter.OpenStyle.ShowType = ShowType.Modal;
       showParameter.Width = 320;
       showParameter.Height = 180;
       showParameter.OffsetStyle = "b";
       this.View.ShowForm(showParameter);
     }
  }
}