我有一個包含鏈接的引導程序3表。我所追求的是在單擊其中一個鏈接時禁用表格,並且還爲表格賦予用戶視覺效果,表格被禁用(例如,轉爲淺灰色透明顏色,並使其他鏈接無下劃線上空盤旋。當點擊鏈接時需要禁用表格
下面的代碼是我的表是如何填充
<table class="table table-hover table-striped hidden-xs" id="clientListTable">
<tr><%
foreach (var cell in data.Header.Cells)
{
var showFilterOption = (cell.DisplayType == AJBG.Web.Services.Entities.Enums.ColumnDisplayType.Currency || cell.DisplayType == AJBG.Web.Services.Entities.Enums.ColumnDisplayType.Double || cell.DisplayType == AJBG.Web.Services.Entities.Enums.ColumnDisplayType.Integer);
var filterIcon = ResolveUrl("~/Resources/Images/Interface/filter_icon.png");
var sortDirection = AJBG.Web.Services.Entities.Enums.ColumnSortOrder.Ascending.ToString();
if (data.ColumnSort == cell.SortOn && data.ColumnSortDirection == AJBG.Web.Services.Entities.Enums.ColumnSortOrder.Ascending)
{
sortDirection = AJBG.Web.Services.Entities.Enums.ColumnSortOrder.Descending.ToString();
}
%>
<th>
<a href="<%=Html.GenerateLoopBackUrl(true, new { ClientList_SortOn = cell.SortOn, ClientList_SortDirection = sortDirection })%>"><%=cell.Value%></a>
<%if (showFilterOption)
{ %>
<a href="#" id="<%:cell.ColumnIdentifier%>_link" class="noPdf">
<span class="glyphicon glyphicon-filter" id="<%:cell.ColumnIdentifier%>_img"></span>
</a>
<%--<img src="<%= filterIcon%>" alt="add filter" id="<%:cell.ColumnIdentifier%>_img" />--%>
<%}%>
</th>
<% }%>
</tr>
<%Int32 count = 0;
foreach (var row in data.Rows)
{ %>
<tr>
<%
foreach (var cell in row.Cells)
{
if (cell.Hidden) { }
else {%><td onclick="return clickDisableFunction();"><%=cell.Value%></td><%}
}
%>
</tr>
<%
count++;
}
if (data.ShowTotal)
{ %>
<tr>
<%
foreach (var cell in data.Total.Cells)
{
%><td><strong><%=cell.Value%></strong></td><%
}
%>
</tr>
<% }%>
</table>
下面的Java是什麼,我都試過,它似乎工作
function RedirectClientView()
{
//document.location.href = $('Views_DropDownList').value;
document.location.href = document.getElementById('Views_DropDownList').value;
}
var clickedOnce = false;
function clickDisableFunction()
{
if (clickedOnce == true)
{
return false;
};
clickedOnce = true;
document.getElementById('clientListTable').setAttribute("disabled","true")
};
但是,雖然這禁用鏈接該表,它不給用戶印象他表被禁用。
正如我所說我想讓它在桌子上顯示某種透明的灰色框。如何做到這一點使用CSS和/或jQuery的
您是否嘗試過對桌子使用'fadeIn'效果? – 2014-09-30 08:06:02
@TusharRaj,這不就完全刪除表嗎? – murday1983 2014-09-30 08:13:48
我編輯了我的代碼...你是對的..它會完全「淡出」桌子。 – 2014-09-30 08:26:02