2017-03-17 29 views
3

我正在制作过滤器以深入查看报告。我有两个字段依赖于另一个字段(这是一个多选列表)的选择。当我从这个多选字段中选择一个或多个字段时,它看起来像是作为一个数组被传入并最终不被识别。这看起来好像我的参数被传递作为数组,我想是问题该功能的参数是必需的,但未通过

Browser Debug Screen

JavaScript代码:

function getMO() 
{ 
    var fa_code = $('#tslcFilterFA').val(); 
    var ao_code = $('#tslcFilterAO').val(); 
    var wq_code = $('#tslcFilterWQ').val(); 
    var newOption = ''; 
    $('#tslcFilterMO').empty(); 
    $('#tslcFilterMO').append(newOption); 
    $('#TSLC_MO_Loading').css('display','inline'); 

    $.ajax({ 
     url: '../TSLC/getData.cfc', 
     type:"POST", 
     cache: false, 
     dataType: "text", 
     async:true, 
     data: {method: "getMO", 
      fa_code: fa_code, 
      ao_code: ao_code, 
      wq_code: wq_code 
     }, 
     success: function(returnMsg) 
      { 

       try 
       { 
        var obj = JSON.parse(returnMsg); 
        $.each(obj.DATA, function(index,row) { 
         if (obj.DATA.length == 1) 
         { 
          var newOption = '<option selected="selected" value="' + row[0] + '">' + row[1] + '</option>'; 
         } 
         else 
         { 
          if (row[2] == "1") 
          { 
           var newOption = '<option selected="selected" value="' + row[0] + '">' + row[1] + '</option>'; 
          } 
          else 
          { 
           var newOption = '<option value="' + row[0] + '">' + row[1] + '</option>'; 
          } 


         } 

         $('#tslcFilterMO').append(newOption); 


        }); 
        try 
        { 
         $('#tslcFilterMO').multiselect('destroy'); 
        } 
        catch(e) {} 
        $('#tslcFilterMO').multiselect({ 
         selectedList: 4 
         }).multiselectfilter(); 
        $('.ui-multiselect').css('width','225px'); 
        $('#TSLC_MO_Loading').css('display','none'); 

       } 
       catch(e) 
       { 
        alert('getMO Error parsing JSON'); 
       } 



      }, 
     error: function(httpRequest, textStatus, errorThrown) 
       { 
        alert("getMO status=" + textStatus + ",error=" + errorThrown); 
      } 
     }); 
    } 

我试图改变这种行:

var ao_code = $('#tslcFilterAO').val(); 

这样:

var ao_code = $('#tslcFilterAO').multiselect('getChecked').map(function() {return this.value;}).get(); 

我也尝试在URLDecode()中包装我的ao_code变量以查看它是否将值作为字符串而不是数组传递,但都不起作用。

CF码(从组件):

<cffunction name="getMO" access="remote" returntype="any" returnformat="plain" hint="Get distinct Managing Orgs based on FA=ATT_IT and AO"> 
    <cfargument name="fa_code" type="string" required="true"> 
    <cfargument name="ao_code" required="true"> 
    <cfargument name="wq_code" required="true"> 

    <cfquery name="qMO" datasource="#request.dbdsn_ic4p#" username="#request.dbuser_m66266#" password="#request.dbpw_m66266#"> 
     SELECT DISTINCT managing_org MANAGING_ORG, DECODE(managing_org,'*','*ALL*',managing_org) MANAGING_ORG_DISPLAY, DECODE(managing_org,'*',1,2) sortcol 
     <cfif #fa_code# NEQ "ATT_IT"> 
      FROM HAS_TICKET_STATE_GUI_LOOKUP 
      WHERE client_id = '#fa_code#' 
     <cfelse> 
      FROM IT_TICKET_STATE_GUI_LOOKUP 
      WHERE 1=1 
     </cfif> 
     <cfif #ao_code# neq ""> 
      AND active_org IN (<cfqueryparam value="#ao_code#" cfsqltype="cf_sql_varchar" list="true" />) 
     </cfif> 
     <cfif #wq_code# neq ""> 
      <!--- !COM: is workaround for commas in listbox items! ---> 
      AND work_queue IN (#replace(ListQualify(wq_code,"'",",","CHAR"),":COM!",",","all")#) 
     </cfif> 
     ORDER BY 3, 1 
    </cfquery> 

    <cfreturn serializeJson(qMO)> 
</cffunction> 
+0

不相关的问题,但用于active_org的cfqueryparam标签将同样适合work_queue。 –

+0

传统选项也许? –

回答

-1

你有没有考虑jQuery的serializeArray()功能和param()功能的组合?它创建一个类似于容易解析的查询字符串的字符串。您可以发送整个表单。

示例:$ .param($('#yourform')。serializeArray(),false);

或者,也许,只需使用serializeArray函数来发送您的函数JSON字符串?

3

更改这条线在你的JS代码

var ao_code = $('#tslcFilterAO').val(); 

var ao_code = $('#tslcFilterAO').val().join(","); 

这应该给你,你在你的函数在期待多选场字符串值的列表CFC。

join()方法将数组的所有元素连接到一个字符串中。 More on "join" here

+0

尽管数据本身包含逗号,但您应该使用join()和cfqueryparam两种不同的分隔符。 – Leigh

+0

谢谢...那有效。 – Vince

0

这篇文章帮我解决我的问题...... https://christierney.com/2011/06/07/returning-multiple-value-elements-to-coldfusion-remote-method-via-jquery-ajax/

function getWQ() 
{ 
var fa_code = $('#tslcFilterFA').val(); 
var ao_code = $('#tslcFilterAO').val(); 
if ($.isArray(ao_code)) 
    var ao_code_array = ao_code.join(","); 
else 
    var ao_code_array = ao_code; 
var mo_code = $('#tslcFilterMO').val(); 
if ($.isArray(mo_code)) 
    var mo_code_array = mo_code.join(","); 
else 
    var mo_code_array = mo_code; 
var newOption = ''; 
$('#tslcFilterWQ').empty(); 
$('#tslcFilterWQ').append(newOption); 
$('#TSLC_WQ_Loading').css('display','inline'); 

$.ajax({ 
    url: '../TSLC/cfcs/getData.cfc', 
    type:"POST", 
    cache: false, 
    dataType: "text", 
    async:true, 
    data: {method: "getWQ", 
     fa_code: fa_code, 
     mo_code: mo_code_array, 
     ao_code: ao_code_array 
    }, 
    success: function(returnMsg) 
    { 
+0

如果您的链接失败,您应该在代码中提供注释,以解释为什么以及如何回答OP的问题。 – Mike