easyui datagrid toolbar 添加文本框

最新推荐文章于 2023-04-26 08:39:32 发布

原创最新推荐文章于 2023-04-26 08:39:32 发布 · 1.1w 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#datagrid #table #function #float #class #div

Asp.Net 同时被 2 个专栏收录

53 篇文章

订阅专栏

DIV+CSS

2 篇文章

订阅专栏

本文详细介绍了如何为grid组件添加onLoadSuccess事件，并通过示例代码展示了具体实现过程。

<div id="GridParentBox">
    <table id="grid">
    </table>
</div>
<div id="dlg-toolbar" style="padding:2px 0">
		<table cellpadding="0" cellspacing="0" style="width:100%">
			<tr>
				<td style="text-align:right;padding-right:2px">
					<input class="easyui-searchbox"></input>
				</td>
			</tr>
		</table>
	</div>

给grid添加onLoadSuccess事件：

onLoadSuccess: function () {
                    var grid = $(".datagrid-toolbar"); //datagrid 
                    var dlg = $("#dlg-toolbar");
                    dlg.attr("style", "float:left"); 
                    grid.append(dlg); 
                }