1

私のdjangoプロジェクトでknockout.jsを使用していて、javascriptのpostメソッドに問題があります。リストを再バインドまたは再初期化しようとしましたが、うまくいきませんでした。

例: 10 行のテーブル データを表示しています。ボタン クリックが必要です。5 行の別のデータを取得し、ページをリロードせずにそのデータをテーブルにリロードします。

誰かが解決策を知っていますか..以下は、knockout.js、html、およびview.pyページの私のコードです:

JavaScript:

function makeShowObjectList(model, d_url, no_num, detail_per_page, b, fruit) {
var showobjectList = ko.observableArray([]);


 $.post(d_url, data, function (response_data) {
                // here we have applied code to set new data in showobjectList
                if (!showobjectList.is_ready)
                {   

                   //Here we are trying to relaod the list on the page but did'nt work
                    FViewModel.showobjectList=showobjectList;
                     showobjectList.is_ready = true;
                    showobjectList.onready();
                    ko.mapping.fromJSshowobjectList, {}, self); }
                }
            }, 'json');

}
function fruitFilterItem( n, i ) {
    this.n = n;
    this.i   = i;
}
var FViewModel=function(c_data)
{
    var self = this;
    self.abc= ko.observable(null);
        this.optionsText = ko.observable();
        this.fruitFilter = ko.observableArray([
        new fruitFilterItem( "Mango", 2 ),
        new fruitFilterItem( "Banana", 1 ),
        new fruitFilterItem( "Grapes", 3 )
    ]);
    this.selectedfruit = ko.observable();
    this.VegeFilter = ko.observableArray([
        new fruitFilterItem( "Tomato", "Tomato" ),
        new fruitFilterItem( "Patato", "Patato" ),
        new fruitFilterItem( "Onion", "Onion" ),

    ]);
    this.selectedVege = ko.observable();

    self.showtList = makeShowObjectList(BucketViewModel, urls.get_fruit_info, self.fruit_page, self.num_fruit, self.bbq, 

self.selectedfruit());
        self.setShowType = function(d, ele) {
        this.get_updates = function () {
        ko.mapping.fromJS(searchList(), self);};


          self.showtList = makeShowObjectList(BucketViewModel, urls.get_fruit_info, self.fruit_page, self.num_fruit, self.b,  self.selectedfruit()); 
         self.showtList();


    }

 self.ShowmessageList = function () {
        return self.showtList;
    }


}

HTML:

<script>
VarModel = new FViewModel(c_data);
$(function() {
       function get_updates () {
       $.getJSON('/new-lines.json', function(c_data) {
       var VarModel = ko.mapping.fromJS(choices_data);

           ko.applyBindings(VarModel );


             });

} ko.applyBindings(VarModel);

</script>
<body>
<select id="fruit" name="fruit"  style="width:200px;" data-bind = "   
        value: selectedfruit,
        options:        fruitFilter,
        optionsText:    'n', 
        optionsValue:   'i',   
        optionsCaption: 'Select a fruit'
    ">

        </select>

        <select style="width:180px;" data-bind = "   
        value: selectedVege,
        options:        VegeFilter,
        optionsText:    'n', 
        optionsValue:   'i',   
        optionsCaption: 'Select a Vege'
    ">
//ここでは列を表示しています 
</body>

Views.py:

def urls.get_fruit_info(request):

      //we are calculating the page_object here

      response_object = {
        'page': page_object,
        'no_not': FruitRecipient.objects.filter(user=request.member, add_at=None).count()
      }
      return HttpResponse(simplejson.dumps(response_object, indent=3))

私の問題を整理するのに誰かが私を助けてくれたら、私は感謝します. 前もって感謝します。

4

1 に答える 1

0

ダウンロード可能なプラグインである ko.mapping を使用します。これは、2 つの状態間で変更されたオブザーバブルのみを更新するため、変更されたメンバーのみがビューで再レンダリングされます。

于 2013-05-15T14:47:06.813 に答える