了解自动完成属性后 - ContextKey
我正在使用它作为优势:
每个扩展器对象的数据源将由相同的 WebMethod 处理。
这本身就是我的成就。
既然一切都已经很完美了,问题是:
当对 AutoComplete-Datasource 的请求由第二个文本框发送时,我需要传递另一个参数,就在 stage = table 被选中之后。
所以现在我不仅需要硬编码/常量,还需要所选表的值。
这实际上是 #TBX_TableSelectorFirstStage
的值,以及硬编码的 ContextKey
值...
(类似于 ContextKey += TBX_TableSelectorFirstStage 的值
)
这样我就可以通过请求的表(表的名称)绘制指定的列列表
这是Jquery
代码
<script type="text/javascript">
$('document').ready(function () {
var IvalidValue_Msg = "table was not selected";
var TBX_tables = $(this);
var TBX_Columns = $('#TBX_ColumnsSelectorFirstStage');
$('#TBX_TableSelectorFirstStage')
.val("Choose a Table")
.focus(function () {
$(this).val("");
$(this).attr("dir", "ltr");
}).blur(function () {
var TBXTablsVALUE = $('#TBX_TableSelectorFirstStage').val();
var Lngth = $('#TBX_TableSelectorFirstStage').val().length;
var InvalidTBXBlur_TablesValue = TBXTablsVALUE == "" || TBXTablsVALUE == " " || Lngth < 4;
if (InvalidTBXBlur_TablesValue) {
$(this).focus();
$(this).val(IvalidValue_Msg);
}
else {
$(TBX_Columns).focus();
SetContextKeyValue();
}
//$(this).next(':input').focus();
}).change(function () {
var TBXTablsVALUE = $('#TBX_TableSelectorFirstStage').val();
var Lngth = $('#TBX_TableSelectorFirstStage').val().length;
var InvalidTBXBlur_TablesValue = TBXTablsVALUE == "" || TBXTablsVALUE == " " || Lngth < 4;
if (InvalidTableValue) {
$(this).val(IvalidValue_Msg);
}
else {
SetContextKeyValue();
}
}).click(function () {
$(this).val("");
});
});
/// ==========================================================\\\
///Jquery Section That Is Suppose To manipulate contextKey Property.
function SetContextKeyValue() {
// var ttt = $get('AjaxAcEx_Columns_FirstStage',
alert("asasas");
// var x = $('#AutoCompleteExtender3'); //.set_contextKey($get('AjaxAcEx_Tables_FirstStage').value);
alert($('#AjaxAcEx_Columns_FirstStage').attr("id"));
}
这是ASPX代码
<form id="form1" runat="server">
<cc1:ToolkitScriptManager ID="ToolKitScrptMan1" runat="server"></cc1:ToolkitScriptManager>
<cc1:AutoCompleteExtender ID="AutoCompleteExtender1" TargetControlID="TBX_FntsAC" runat="server"
MinimumPrefixLength="1" EnableCaching="true" CompletionSetCount="1" CompletionInterval="100"
ServiceMethod="MyAcReqHandler" ContextKey="acFontsRquest"
FirstRowSelected="true" CompletionListCssClass="CL_Css_DataBase" CompletionListItemCssClass="CL_ItemCss_DataBase" CompletionListHighlightedItemCssClass="CL_tHighlightedItemCss_DataBase">
</cc1:AutoCompleteExtender>
<cc1:AutoCompleteExtender ID="AutoCompleteExtender2" BehaviorID="AjaxAcEx_Tables_FirstStage" TargetControlID="TBX_TableSelectorFirstStage" runat="server"
MinimumPrefixLength="1" EnableCaching="true" CompletionSetCount="1" CompletionInterval="100"
ServiceMethod="MyAcReqHandler" ContextKey="acTablesSelector_FirstStage"
FirstRowSelected="true" CompletionListCssClass="CL_Css_DataBase" CompletionListItemCssClass="CL_ItemCss_DataBase" CompletionListHighlightedItemCssClass="CL_tHighlightedItemCss_DataBase">
</cc1:AutoCompleteExtender>
<%-- Here is where i am stuck .
object /element - AutoCompleteExtender3 / BehaviorID AjaxAcEx_Columns_FirstStage
This is the object i need to Set it's ContextKey attribute-value,
with the result value of #TBX_TableSelectorFirstStage
--%>
<cc1:AutoCompleteExtender ID="AutoCompleteExtender3" BehaviorID="AjaxAcEx_Columns_FirstStage" TargetControlID="TBX_ColumnsSelectorFirstSTage" runat="server"
MinimumPrefixLength="1" EnableCaching="true" CompletionSetCount="1" CompletionInterval="100"
ServiceMethod="MyAcReqHandler" ContextKey="acColumnsSelector_FirstStage"
FirstRowSelected="true" CompletionListCssClass="CL_Css_DataBase" CompletionListItemCssClass="CL_ItemCss_DataBase" CompletionListHighlightedItemCssClass="CL_tHighlightedItemCss_DataBase">
</cc1:AutoCompleteExtender>
<div id="Div_firstStage" runat="server" style="width:90%" dir="rtl">
<asp:TextBox ID="TBX_TableSelectorFirstStage" runat="server" />
<asp:TextBox ID="TBX_ColumnsSelectorFirstStage" runat="server" />
</div>
* .Cs 代码隐藏* (webMethod)
[System.Web.Script.Services.ScriptMethod()]
[System.Web.Services.WebMethod(EnableSession = true)]
public static List<string> MyAcReqHandler(string prefixText, string contextKey)
{
List<string> retListAC = new List<string>();
switch (contextKey)
{
case AutoComplete.Param.acTablesSelector_FirstStage:
retListAC = GetListForAutoComplete<HTDB_Tables>(App.VarNms.SesDbTablsList);
break;
case AutoComplete.Param.acColumnsSelector_FirstStage:
retListAC = GetListForAutoComplete<HTDB_Cols>(App.VarNms.SesDbTablsList);
break;
case AutoComplete.Param.acFontsRquest_SecondStage:
retListAC = GetListForAutoComplete<fntNams>(App.VarNms.SesFontsList);
break;
}
return AutoComplete.FromListStr(prefixText, retListAC);
}
private static List<string> GetListForAutoComplete<TheClassNameHere>(string SessionVarName, string NestedClassName="")
{
List<string> ReturnedList = new List<string>();
if (CurrSesVarSet.SesVar_AcDsListStr.Count == 0)
{
bool isNested = typeof(TheClassNameHere).IsNested;
switch (isNested)
{
case true:
ReturnedList = RflectMeths.anyNestedClassFldsAsListByType<TheClassNameHere>(NestedClassName);
break;
default:
ReturnedList = RflectMeths.anyClassFldsAsListByType<TheClassNameHere>();
break;
}
CurrSesVarSet.SesVar_AcDsListStr = ReturnedList;
CurrentSession.AddVar(SessionVarName, ReturnedList);
}
else
if (CurSessionMesthods.VarExistStat(App.VarNms.SesFontsList))
ReturnedList = CurSessionMesthods.GetSessionVar.AsListStr(SessionVarName);
else ReturnedList = CurrSesVarSet.SesVar_AcDsListStr;
return ReturnedList;
}
由于此应用程序的一项努力是避免完全回发,我想实现 - 通过Jquery
设置ContextKey
> , ... 除非 我的基本假设是错误的,即通过 c# 执行此操作 - 代码隐藏将导致整页回发,因此如果在没有重新加载页面的情况下完成,我不应该在意只要我能发送这个参数,直到现在我一直保持着类似桌面的用户体验(;
感谢您的帮助,解决此问题将不胜感激!
最佳答案
我已经为这个答案搜索了很多,因为我找不到关于这个实现的任何信息我想我必须更加努力,因为我记得有人告诉我一些关于运动的事情,你必须做到这一点才能赢得这场比赛,所以尽可能快地开始,然后加速,尽管看起来很难发现我只是多工作了一点。
所以我缺少什么,因为我缺乏使用 Jquery 的最少经验
我在互联网上找到的一件事是可用于设置 ContextKey 的功能 因为我太忙于尝试寻求帮助(现成的代码示例完全适合我的场景) 最终经过更多的尝试和错误,我不得不认为如果有一套。必须有一个 get (:
所以这就是您可以操作现有 key 并将其与您想要的任何其他内容连接的方式
$('document').ready(function () {
var IvalidValue_Msg = "table was not selected";
var TBX_tables = $(this);
var TstTBXCLS = $(this).next();
var TBX_Columns = $('#TBX_ColumnsSelectorFirstStage');
$('#TBX_TableSelectorFirstStage')
.val("Choose a Table")
.focus(function () {
$(this).val("");
$(this).attr("dir", "ltr");
}).blur(function () {
var TBXTablsVALUE = $('#TBX_TableSelectorFirstStage').val();
var Lngth = $('#TBX_TableSelectorFirstStage').val().length;
var InvalidTBXBlur_TablesValue = TBXTBLSVALUE == "" || TBXTBLSVALUE == " " || Lngth < 4;
if (InvalidTBXBlur_TablesValue) {
$(this).focus();
$(this).val(IvalidValue_Msg);
}
else {
$(TBX_Columns).focus();
SetContextKeyValue();
}
//$(this).next(':input').focus();
}).change(function () {
var TBXTablsVALUE = $('#TBX_TableSelectorFirstStage').val();
var Lngth = $('#TBX_TableSelectorFirstStage').val().length;
var InvalidTBXBlur_TablesValue = TBXTBLSVALUE == "" || TBXTBLSVALUE == " " || Lngth < 4;
if (InvalidTableValue) {
$(this).val(IvalidValue_Msg);
}
else {
SetContextKeyValue(TBXTBLSVALUE );
}
}).click(function () {
$(this).val("");
});
});
function SetContextKeyValue(selectedTableName) {
var CurrentConextKey = $find('AjaxAcEx_Columns_FirstStage').get_contextKey();
var JointParams = CurrentConextKey + "_" + selectedTableName;
$find('AjaxAcEx_Columns_FirstStage').set_contextKey(JointParams);
alert(JointParams);
}
然后在后面的 c# 代码中,只需使用 string.Split('_')
,将它们都获取到一个 c# 变量中。
我希望这会帮助其他人使用相同的用例,因为示例并不容易找到。
关于c# - AJAX AutoComplete Extender - 设置 ContextKey 参数值并将其与 prefixText 一起传递给 WebMethod,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13946717/