1

コンボボックスの選択に基づいてデータテーブルを更新/リロードしようとしています。私のコンボボックスセレクターは正常に機能し、必要な要素を非表示/表示します。

ただし、api_url パラメータを更新しようとすると、変更されません。また、最終console.log()ステートメントでは未定義として表示されます。 

<body onload="viewChange(1)">
<div id="grid" style="width: 100%; height: 100%;">
<script type="text/javascript" charset="utf-8">
var api_url;
    function viewChange(value){
        if (value == 8){
            $$("devicesToolbar").show();
            $$("accountsToolbar").hide();
            webix.message("Value was changed "+value)
            api_url = "inc/template.php?list=device_list";
        }
        else if (value == 1) {
            console.log(value);
            $$("devicesToolbar").hide();
            $$("accountsToolbar").show();
            webix.message("Value was changed "+value);
            api_url = "inc/template.php?list=all_accounts";
        }
        else {
            webix.message("Value was changed "+value);
        }
    };
console.log(api_url); 
</script>   
</div>
</body>

編集：

これは私のデータテーブル UI コードです。その関数を使用して、コンボボックスの変更を更新する必要があります。それを行うエレガントな方法はありますか？

webix.ui({
            container:"grid",
          rows:[
              { 
                view:"datatable",
                 select:"row",
                url: api_url,
                scrollY: true,
                scrollX: true,
                        columns:[
                            { id:"project_name", header:"Project Name", css:"rank", adjust:true, sort: "text"},
                            { id:"company_name", header:"Company Name", adjust:true, sort:"text"},
                            { id:"created_date", header:"Date Created", adjust:true, sort:"text"},
                            { id:"weeks_in_cert", header:"Account Age", width:175, sort:"int"},
                            { id:"account_id",  header:"Account ID", adjust:true, sort:"text"},
                            { id:"api_key", header:"API Access Key", adjust:true},
                            { id:"certified",   header:"Certified?", adjust:true, sort:"text"},
                            { id:"certified_date",  header:"Date Certified", adjust:true, sort:"text"},
                            { id:"contact_name",    header:"Contact Name", adjust:true, sort:"text"},
                            { id:"contact_email",   header:"Contact E-Mail", adjust:true, sort:"text"},
                            { id:"contact_phone",   header:"Contact Phone", adjust:true, sort:"text"},
                            { id:"card_processor",  header:"Test Processor", adjust:true, sort:"text"},
                            { id:"client_type", header:"Client Type", adjust:true, sort:"text"},
                            { id:"authorization_date",  header:"Last Transaction", adjust:true, sort:"text"},
                            { id:"api_version", header:"API Version", adjust:true, sort:"text"},
                            { id:"industry_type",   header:"Industry Type", adjust:true, sort:"text"},
                            { id:"terminal_number", header:"Terminal Number", adjust:true, sort:"text"},
                            { id:"additional",  header:"Additional Account?", adjust:true, sort:"text"},
                        ],
              }
          ]
        });
4

0 に答える 0