序

微信界面调试工具可以编辑自定义菜单，但是提交json格式数据创建菜单非常不方便，容易出错。网上的工具不好用，所以我自己写了一个。

主体

使用bootstrap首先排列一个页面框架。需要AccessToken来调用自定义菜单接口。放一个输入框来输入接入令牌。想要直接输入AppId和AppSecret获取AccessToken的用户不排除，因此需要下拉菜单选择是输入AccessToken还是直接获取AccessToken。创建微信企业号应用的菜单需要AgentId、CorpId、套件永久授权码、suiteid、suitesecrete、suiteticket，这些都是参数的输入框。

使用剔除来定义可观察的监控属性。并绑定到输入框。

定义菜单显示和菜单编辑模块，排版为微信微信官方账号菜单的三大菜单，每个大菜单下有五个子菜单。大致思路如下：页面布局为六行三列，三大菜单配置不全时，右侧显示添加菜单按钮。

当每个父菜单的子菜单未完全配置时，添加菜单按钮会显示在顶部。配置未满时使用空div。

定义函数以生成自定义长度数组

使用剔除以的格式定义菜单监控属性

{'button': [{'name': '父菜单1 '，' Sub _ button ' :[{'type' :' view '，' name': '子菜单1 '，' URL' :''}]}，Sub _ button ' :[{ ' type ' : ' view '，' name' : '子菜单2 '，' URL' :''}，{ ' type ' : ' view '，' name' :

逐个编辑菜单不太方便，需要定义菜单的上下、左右、复制粘贴功能。

函数MenuFormValidate(){ $(' # MenuForm ')。validate({ rule s : { name : { required d : true }，value : { required d : false } }，messages : { name : { required d : }，请输入名称' }，value : { required d 3360 $(' # txtmunbuttonvalue ')。attr('占位符')} })；} menusreset : FuncTion(){ var menus=JSON . stringify(model。menu())；模特。菜单(未定义)；模特。菜单(JSON.parse(菜单))；//刷新菜单对象MenuFormValidate()；//Rebind验证方法}、menuindex 3360 ko . observatory()、//父菜单索引为editmenu 3360 ko . observatory(false)、//是编辑菜单bottonindex 3360 ko . observatory(-1)、//编辑父菜单索引subbottonindex 3360 ko . observatory(-1)、//编辑子菜单索引menu 3360 ko . observatory()、//在编辑菜单时临时监控属性copy menu 3360 ko . observatory()、//复制复制的菜单对象copy 3360 function(){ }