本人IT菜鸟,对JS不熟,想问一下如何将下面的代码用JS表现出来,而不用EXTJS,这段代码会生成四个按钮。
function loadInterfaceMenu() {
Ext.Ajax.request({
url: '<%=request.getContextPath()%>/ServiceAction/com.tap.sysinterface.base.servlet.InterfaceMetaAction?action=menu',
params: {
objid: objid,
objtype: objtype
},
success: function (response) {
var data = response.responseText;
//alert(data);
var jmenu = Ext.util.JSON.decode(response.responseText);
tb.add(jmenu);
tb.add(Ext.util.JSON.decode('{text:\'添加\',handler:function(){onAdd()}}'));
tb.add(Ext.util.JSON.decode('{text:\'保存\',handler:function(){onSubmit()}}'));
tb.add(Ext.util.JSON.decode('{text:\'刷新\',handler:function(){onReload()}}'));
}
});
}
你不是要结合extjs?那得用extjs的办法来生成按钮,js生成的按钮和ext的ui不一样,还有事件绑定,控件容器之类的都不好定位
如果只是想学js,看js如何创建按钮用下面的
<script>
function createButton(t, func) {
var b = document.createElement('input');
b.type = 'button';
b.value = t
if (typeof func == 'function') b.onclick = func;
return b;
}
window.onload = function () {
var b = createButton("添加", function () { alert(this.value) });
document.body.appendChild(b);
b = createButton("保存", function () { alert(this.value) });
document.body.appendChild(b);
b = createButton("刷新", function () { alert(this.value) });
document.body.appendChild(b);
}
</script>
楼上的代码就可以,如果你非要用button标签就是把楼上的createElement('input')改为createElement('button');
<script>
var btn = document.createElement('button') // 创建一个button的标签
btn.className = 'hl-btn btn btn-xs btn-primary' // 给button标签设置类名
btn.onclick = function(){点击事件执行函数} // 点击事件绑定
// 这是一种更简单的创建方法
var domStr = "<button id='btn_S' type='button' class='hl-btn btn btn-xs btn-primary' onclick='onSubmit()'><i class='fa fa-check'> </i>保存</button>" // 把要创建的标签写成一个完整的字符串,通过innerHTML写入到你想添加到的某个盒子中,比如body中
document.querySelector('body').innerHTML = domStr // querySelector 只支持高版本浏览器,低版本选择其他的选择符就行。
</script>