我需要使用文本框搜索项目。如果它已创建我们需要在选中的列表框中突出显示该项目。我尝试如下
clbItems.Items[foundIndex].Attributes.Add("style", "background-color:#BBBBBB; color: white;");
通过删除“更新”面板来工作。
我在
中有以下代码 for (int itemcount = 0; itemcount < (p as CheckBoxList).Items.Count; itemcount++)
{
if ((p as CheckBoxList).Items[itemcount].Text.ToUpper().StartsWith(txtClientSearch.Text.ToUpper()))
{
ListItem lst1 = new ListItem((p as CheckBoxList).Items[itemcount].Text);
(p as CheckBoxList).Items.RemoveAt(itemcount);
(p as CheckBoxList).Items.Insert(0, lst1);
(p as CheckBoxList).Items[0].Attributes.Add("style", "background-color:yellow;color:Red");
}
}
任何人都可以建议我在Javascript中实现这一目标。
谢谢, 勒凯什。
答案 0 :(得分:0)
这是你如何从代码背后的代码
CheckBoxList1.Attributes.Add("onclick", "checkBoxList1OnCheck(this);");
如果你想使用javascripts,请参阅:
<form id="form1" runat="server">
<asp:CheckBoxList id="CheckBoxList1" onclick="checkBoxList1OnCheck(this);" runat="server">
<asp:listitem value="1">Item 1</asp:listitem>
<asp:listitem value="2">Item 2</asp:listitem>
<asp:listitem value="3">Item 3</asp:listitem>
</asp:CheckBoxList>
</form>
<script type="text/javascript">
function checkBoxList1OnCheck(listControlRef)
{
var inputItemArray = listControlRef.getElementsByTagName('input');
for (var i=0; i<inputItemArray.length; i++)
{
var inputItem = inputItemArray[i];
if ( inputItem.checked )
{
inputItem.parentElement.style.backgroundColor = 'Red';
}
else
{
inputItem.parentElement.style.backgroundColor = 'White';
}
}
}
</script>