easyui jquery textbox增加按钮 点击出现窗口window+网格datagrid 选择一行后点击将值填入到textbox
1. 文本框textbox
![](https://img-blog.csdnimg.cn/2021061510592220.png)
<input id="productid" type="text" >
$('#productid').textbox({
…… 省略了一些属性
buttonIcon:'locateIcon',
onClickButton:function(){
}
})
2. 窗口window
<div id="#productForm" class="easyui-window" title="New Window" style="width:500px;height:200px;padding:5px;">
<div class="easyui-layout" data-options="fit:true">
<div id="productForm" data-options="region:'center'" style="padding:10px;">
</div>
<div data-options="region:'south',border:false" style="text-align:right;padding:5px 0 0;">
<a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" style="width:80px">确定</a>
<a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="javascript:;" style="width:80px">关闭</a>
</div>
</div>
</div>
3. 按钮点击事件——生成datagrid
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210615110330165.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzU2NTk4MDk5,size_16,color_FFFFFF,t_70)