Question

有没有尝试过使用JQGrid Jquery插件和django的人？

请分享您的知识/代码示例

Answer 1

django-jqgrid看起来很有希望。

Answer 2

我在我的项目中使用django-jqgrid，我对结果非常满意：

jQuery ready函数：

$(document).ready(function() {


$.getJSON("/accounts/documents_recents_config", function(data){
    // On ajoute le lien vers le document
    data['onSelectRow'] = function(id){ window.open("/fichier/lecture/"+id,"_self"); };
    data['gridComplete'] = function(id){ jQuery("#documents_recents_count").html(jQuery("#list_doc").jqGrid('getGridParam', 'records' )); };
    $("#list_doc")
        .jqGrid(data)
        .navGrid('#pager_doc', 
            {add: true, edit: false, del: false, view: false},
    {}, // edit options
    {}, // add options
    {}, // del options 
    { multipleSearch:true, closeOnEscape:false }, // search options 
    { jqModal:false, closeOnEscape:true} // view options 
    );
});

});

html代码：

<table id="list_doc"></table>
<div id="pager_doc"></div>

在urls.py中

(r'^documents_recents_config/$', 'document_recents_config'),
(r'^documents_recents/', 'document_recents_handler'),

在views.py中

@login_required
def document_recents_handler(request):
    # handles pagination, sorting and searching
    if request.user and (request.user.is_staff == False):
        grid = DocumentRecentsGrid(request)
        return HttpResponse(grid.get_json(request), mimetype="application/json")
    else:
        raise Http404

我的JqGrid类

class DocumentRecentsGrid(JqGrid):
    fields = ("nom","themes", "description", "nom_du_fichier", "taille_du_fichier", "public", "cree_le")
    queryset = None
    url = "/accounts/documents_recents/"
    caption = force_unicode('Mes documents personnels récents') # optional
    colmodel_overrides = {
        'description': { 'editable': False, 'width':240 },
        'nom_du_fichier': { 'editable': False, 'width':120 },
        'taille_du_fichier': { 'editable': False, 'width':90 },
        'public': { 'editable': False, 'width':50 },
        'cree_le': { 'editable': False, 'width':125 },
    }
def __init__(self, request):
    super(DocumentRecentsGrid, self).__init__()
    self.queryset = Lecture.objects\
        .filter(salarie__username__exact=request.user.username)\
        .filter(consulte=False).order_by('-cree_le')

您可以在jqGrid类中使用任何模型，它是自动配置的！

解决方案非常优雅。为了显示特殊格式（datetime，filesize和boolean），我使用了一个自定义的json_encode方法，在发送ajax响应之前格式化这些类型。

如何在django框架中使用jqGrid

2 个答案: