實(shí)現(xiàn)一個(gè)小小的功能:獲取焦點(diǎn),費(fèi)了很大力氣
控件代碼:
<div style="display:none; text-align:left;" id="divText<%# Eval("messageId")%>">
<asp:TextBox ID="txtLeaveMsg" runat="server" TextMode="MultiLine" Height="28px"
Width="350px"></asp:TextBox>
<%--<input id="txtLeaveMsg" runat="server" type="text" style="height:28px; width:350px;" />--%>
<asp:ImageButton ID="btnSure" runat="server" CommandArgument='<%# Eval("messageId")%>' CommandName="sureLeaveMsg"
ImageUrl="~/teacher/images/確定1.gif"/>
</div>
js函數(shù):
function leaveMsg(messageId)

{
//alert("終于出來了");
document.getElementById("divText" + messageId).style.display = "block";
var nodes = document.getElementById("divText" + messageId).childNodes;
//nodes[0].focus();
for(var i=0; i< nodes.length;i++)

{
if(nodes[i].type == "text")

{
nodes[i].focus();
break;
}
}
}
nodes對(duì)象中存有兩類控件:TextBox 和ImageButton,根據(jù)先后順序,nodes[0]即表示TextBox控件,故可用如下方法獲取焦點(diǎn)。
function leaveMsg(messageId)

{
//alert("終于出來了");
document.getElementById("divText" + messageId).style.display = "block";
var nodes = document.getElementById("divText" + messageId).childNodes;
nodes[0].focus();
}
document.getElementById("idName")可以獲取前臺(tái)的ID名為idName的控件。
TextBox控件的 TextMode="MultiLine"可以實(shí)現(xiàn)自動(dòng)斷行,
HtmlInputText控件 還沒研究出自動(dòng)斷行的方法,繼續(xù)努力……
控件代碼:
<div style="display:none; text-align:left;" id="divText<%# Eval("messageId")%>">
<asp:TextBox ID="txtLeaveMsg" runat="server" TextMode="MultiLine" Height="28px"
Width="350px"></asp:TextBox>
<%--<input id="txtLeaveMsg" runat="server" type="text" style="height:28px; width:350px;" />--%>
<asp:ImageButton ID="btnSure" runat="server" CommandArgument='<%# Eval("messageId")%>' CommandName="sureLeaveMsg"
ImageUrl="~/teacher/images/確定1.gif"/>
</div>
js函數(shù):
function leaveMsg(messageId)
{
//alert("終于出來了");
document.getElementById("divText" + messageId).style.display = "block";
var nodes = document.getElementById("divText" + messageId).childNodes;
//nodes[0].focus();
for(var i=0; i< nodes.length;i++)
{
if(nodes[i].type == "text")
{
nodes[i].focus();
break;
}
}
}
function leaveMsg(messageId)
{
//alert("終于出來了");
document.getElementById("divText" + messageId).style.display = "block";
var nodes = document.getElementById("divText" + messageId).childNodes;
nodes[0].focus();
}TextBox控件的 TextMode="MultiLine"可以實(shí)現(xiàn)自動(dòng)斷行,
HtmlInputText控件 還沒研究出自動(dòng)斷行的方法,繼續(xù)努力……

