首页 > 代码库 > DHTMLX 前端框架 建立你的一个应用程序教程(四)--添加一个工具条toolbar
DHTMLX 前端框架 建立你的一个应用程序教程(四)--添加一个工具条toolbar
工具条例子
样本如下:
这里我们使用的是dhtmlxToolbar 组件。
添加工具栏到布局中:
1.使用attachToolbar() 方法初始化页面 添加代码到index.html中
dhtmlxEvent(window,"load",function(){ var layout = new dhtmlXLayoutObject(document.body,"2U"); layout.cells("a").setText("Contacts"); layout.cells("b").setText("Contact Details"); layout.cells("b").setWidth(500); var menu = layout.attachMenu(); menu.setIconsPath("icons/"); menu.loadStruct("data/menu.xml"); var toolbar = layout.attachToolbar();
});
2.在data文件夹中添加”toolbar.xml“文件
3.添加代码到xml文件中
<?xml version="1.0"?><toolbar> <item id="newContact" type="button" img="add_contact.gif"/> <item id="delContact" type="button" text="Delete" img="delete_contact.gif"/> <item id="sep01" type="separator"/> <item id="help" type="button" text="Help"/></toolbar>
4.设置自定义图片路径
toolbar.setIconsPath("icons/");
5.用loadStruct() 方法加载数据
toolbar.loadStruct("data/toolbar.xml");
DHTMLX 前端框架 建立你的一个应用程序教程(四)--添加一个工具条toolbar
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。