我正在编写一个脚本,该脚本应该根据 gridviews 列的宽度调整过滤输入的大小。它曾经只是文本框,我让它工作得很好:
剧本:
$("#<%= myGridView.ClientID %> th").each(function (index) {
$('input[type="text"]:eq(' + index + ')').css('width', $(this).width() + 1.5);
$('input[type="text"]:eq(' + index + ')').css('padding', '0');
});
然后事实证明,col-number 5 只能是一组值,因此应该是一个下拉列表。所以我想我会做这样的事情:
$("#<%= myGridView.ClientID %> th").each(function (index) {
if (index === 5) {
$('select').css('width', $(this).width() + 1.5);
$('select').css('padding', '0');
}
else {
$('input[type="text"]:eq(' + index + ')').css('width', $(this).width() + 1.5);
$('input[type="text"]:eq(' + index + ')').css('padding', '0');
}
});
结果如下:
正如你所看到的,不是我想要的。有人知道我在做什么错吗?
请求 ASP:
--><input type="text" id="id1"/><!--Comments are needed to get rid of whitespace between text boxes
--><input type="text" id="id2" /><!--
--><input type="text" id="id3"/><!--
--><%/*<input type="text" id="id4" />*/ %>
<select>
<option value="blank"></option>
<option value="True">True</option>
<option value="False">False</option>
</select><!--
--><input type="text" id="id5" /><!--
--><input type="text" id="id6"/>
<input type="button" id="clearFilters" value="Clear filters" style="position: relative; top: -3px; height: 19px; "/>
<br />
<asp:GridView ID="myGridView" runat="server" blablabla>etc.etc.</asp:GridView>