Bootstrap

opnewrt之luci界面开发--同一个菜单界面添加不同tab页

菜单的建立语之前相类似,只不过需要在二级菜单文件中做一点改进

1.打开/usr/share/luci/menu.d/demonstrate_test.json文件,将之前的type类型换成firstchild,然后增添配置----关于实现两个table页内所需要实现功能的js文件

具体代码如下

{
  "admin/demonstrate_menu/demonstrate_test": {
		"title":"demonstrate seconde making",
		"order":1,
		"action":
		{
           "type":"firstchild"

        },
		"depends": {
			"acl": [ "luci-app-xxx" ]
		}
	},
	"admin/demonstrate_menu/demonstrate_test/tab-test-1": {
		  "title":"first tab",
		  "order":1,
		  "action":
		    {
			 "type":"view",
			 "path":"demonstrate_path/js_01"
	        },
		  "depends": 
		    {
			 "acl": [ "luci-app-xxx" ]
		    }
	  },
    "admin/demonstrate_menu/demonstrate_test/tab-test-2": {
		  "title":"seconden tab",
		  "order":5,
		  "action":
		   {
			 "type":"view",
			 "path":"demonstrate_path/js_02"
	        }
			,
		  "depends": 
			{
			 "acl": ["luci-app-xxx"]
			}
	  }
  }

注意这里的所有  "depends";{"acl":["luci-app-xxx"]}  可以不用添加 这里添加上只是为了如果想在建立的菜单页面实现相关配置的文件读取和写入的话,应该加上这个配置。但目前还不清楚这个"luci-app-xxx"怎么配置,具体可参考/usr/share/rcpd/acl.d/目录下其他配置文件的配置格式。

再打开/www/luci-static/resources/view/demonstrate_path/路径,根据上述配置,建立相应的js_01.js和js_02.js文件。

;