.line div {display:inline-block}
</style>
<button id=btn type=button>按钮</button>
<div id=res></div>
<script>
$(function(){
$("#btn").one("click",function(){
$("#res").append("<div id=tab></div>")
var btn1=$("<button type=button>添加</button>")
btn1.click(addline)
$("#res").append(btn1)
var btn2=$("<button type=button>减少</button>")
btn2.click(delline)
$("#res").append(btn2)
addline()
function addline(){
var n=$(".line").size()+1
$("#tab").append("<div class=line><div>事件"+n+"<input type=text value=''/></div> <div>备注"+n+"<input type=text value=''/></div></div>")
}
function delline(){
$("#tab .line:last").remove()
}
})
})
</script>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML>
<HEAD>
<TITLE>New Document </TITLE>
<script src="jquery.js"></script>
<script>
var indexid=2
$(function(){
$("#btnid").click(function(){
var $text = $("<input type='text' />") //定义文本框
$text.attr("id","id"+indexid) //添加文本框属性
$(this).before($text)//添加文本框
indexid=indexid+1
})
})
</script>
</HEAD>
<BODY>
<input type="text" id="id1" />
<input type="button" id="btnid" value="添加" />
</BODY>
</HTML>
JQuery easyUi dataGrid工具栏添加搜索输入框的方法：
1、使用tab，在每个tab上面都有一个datagrid，这样easyui给所有datagrid的toolbar生成的dom的class，所以用prependTo()会给所有的toolbar都加上要生成的dom。通过style来指定要prepend的toolbar，代码如下：
//tab初始化完毕之后
$("<table><tr><td style='padding:0 8px'><label>标题:</label></td><td><input id='sTitle' name='sTitle'></td></tr></table>").prependTo("#tabs .panel[style='display: block'] .datagrid-toolbar")
$('#sTitle').searchbox({
width : 180,
searcher : doSearch,
prompt : '请输入标题'
})
function doSearch() {
$("#grid").datagrid("load", {
"sTitle" : $("#sTitle").val()
})
}
2、效果如下图：
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）