如何在gridster中获得单个小部件(li)JSON？

我想在第二个textarea中获得一个小部件(li)JSON /位置.我尝试了很多,但它没有正常工作.

如果有人可以帮助我,我会分享你的代码.如果有人不知道gridster,请找到以下链接作为参考. http://gridster.net/demos/serialize.html

    

        
Header

        

            
            Serialize 
 
            

            
            Serialize 
 


            

                

                    
1
                    
2
                    
3

                    
4
                    
5
                    
6

                    
7
                    
8
                    
9
                
            
        

    

charlietfl.. 7

首先,您需要为每个元素提供唯一的ID

您可以使用serialize_paramsplugin选项修改为每个元素存储的params对象

gridster = jQuery(".gridster > ul").gridster({
     /* other options*/
      serialize_params: function ($w, wgd) {              

          return {
              /* add element ID to data*/
              id: $w.attr('id'),
              /* defaults */
              col: wgd.col,
              row: wgd.row,
              size_x: wgd.size_x,
              size_y: wgd.size_y
          }

      }


  })

然后,当您选择一个项目时,可以过滤gridster数据数组以找到当前ID.我jQuery.grep()在这个例子中使用

  jQuery('.gridster ul li').click(function () {
      var id=this.id;
      var t = jQuery.grep(gridster.serialize(),function(item){
          return item.id==id;
      })
      jQuery('#log_2').val(JSON.stringify(t));
  })

DEMO