博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery.autocomplete 传参问题
阅读量:5816 次
发布时间:2019-06-18

本文共 3149 字,大约阅读时间需要 10 分钟。

今天遇到一个问题,我需要传一个文本库的内容给后台,然后用autocomplete显示内容,开始觉得很简单

不就是

 

function SalePrice_Complete(text) {         //分割拿到索引          var value=$("#MaterielID_" + text.selector.split('_')[1]).val();            text.autocomplete("/Control/webControl.ashx",                   {                       dataType: 'json', //返回数据类型                       width: 220,                       minChars: 0,                       extraParams: { Method: "SalePriceAutoComplate",MaterielID:value},                       parse: function (data) { //后台返回的数据传给自定义的rows                              var rows = [];                           for (var i = 0; i < data.length; i++) {                               rows[rows.length] = {                                   data: "[" + data[i].FPirce + "   " + data[i].FDate + "]", //显示在搜索界面的列表                                   value: data[i].FPirce , //查询结果                                   result: data[i].FPirce //显示在文本框的内容                               };                           }                           return rows;                       },                       formatItem: function (row, i, n) {                           return row;                       }                   }).result(function (event, item, returnvalue) {                       var values = returnvalue;                       var index = text[0].id;                       var i = index.split('_')[1];                       //物料编号                       $("#price_" + i).val(values[0]);                   });        };

但是代码运行后发现,MaterielID得到是空的,想了很久不知道为什么,于是在后台和js都下了断点,再运行,发现js没有再运行过了,但是后台却断点断到了

所以我们可以推断,变量是要动态赋值的

于是参考了下网上的代码,修改成

function SalePrice_Complete(text) {                     text.autocomplete("/Control/webControl.ashx",                   {                       dataType: 'json', //返回数据类型                       width: 220,                       minChars: 0,                       extraParams: { Method: "SalePriceAutoComplate",MaterielID:function(){ return $("#MaterielID_" + text.selector.split('_')[1]).val()}},                       parse: function (data) { //后台返回的数据传给自定义的rows                              var rows = [];                           for (var i = 0; i < data.length; i++) {                               rows[rows.length] = {                                   data: "[" + data[i].FPirce + "   " + data[i].FDate + "]", //显示在搜索界面的列表                                   value: data[i].FPirce , //查询结果                                   result: data[i].FPirce //显示在文本框的内容                               };                           }                           return rows;                       },                       formatItem: function (row, i, n) {                           return row;                       }                   }).result(function (event, item, returnvalue) {                       var values = returnvalue;                       var index = text[0].id;                       var i = index.split('_')[1];                       //物料编号                       $("#price_" + i).val(values[0]);                   });        };

这样后台拿到MaterielID就有值了,事实证明,在对代码机制不熟悉的情况下,用正常思维去推只能让你陷入烦恼和气愤中,想着明明有赋值,怎么到后台就不见了,所以还是多用断点多调试,用事实说话

转载地址:http://tlmbx.baihongyu.com/

你可能感兴趣的文章
[转载]设置Ubuntu自动连接无线,无须再输入密钥环和无线密码
查看>>
Apache配置
查看>>
Ext gridPanel 单元格数据的渲染
查看>>
Android SDK 的下载代理
查看>>
Method Swizzling对Method的要求
查看>>
佛祖保佑,永不宕机
查看>>
四、配置开机自动启动Nginx + PHP【LNMP安装 】
查看>>
LNMP一键安装
查看>>
Linux 目录结构及内容详解
查看>>
Oracle命令导入dmp文件
查看>>
OCP读书笔记(24) - 题库(ExamD)
查看>>
解决Unable to load R3 module ...VBoxDD.dll (VBoxDD):GetLastError=1790
查看>>
.net excel利用NPOI导入oracle
查看>>
第六课:数据库的基本工具
查看>>
$_SERVER['SCRIPT_FLENAME']与__FILE__
查看>>
skynet实践(8)-接入websocket
查看>>
系统版本判断
查看>>
My97DatePicker 日历插件
查看>>
0603 学术诚信与职业道德
查看>>
小点心家族第3位成员——楼层定位效果
查看>>