Несколько JQuery.datepicker на Dialog MVC 2 - PullRequest
0 голосов
/ 10 марта 2012

Я сейчас использую следующий код:

<script type="text/javascript">
$(document).ready(function() {
    var updateDialog = {
        url: '<%= Url.Action("ABM", "Periodo") %>'
            , closeAfterAdd: true
            , closeAfterEdit: true
            , modal: true
            , afterShowForm: function(formId) {
                $("#fecha_inicio").datepicker({ autoSize: true, showOn: 'both', dateFormat: 'dd/mm/yy' });
                $("#fecha_fin").datepicker({ autoSize: true, showOn: 'both', dateFormat: 'dd/mm/yy' });
            }             
            , onclickSubmit: function(params) {
                var ajaxData = {};
                var list = $("#list");
                var selectedRow = list.getGridParam("selrow");
                rowData = list.getRowData(selectedRow);
                ajaxData = { periodoNum: rowData.periodoId };
                return ajaxData;
            }
            , width: "400"
    };
    $.jgrid.nav.addtext = "Agregar";
    $.jgrid.nav.edittext = "Editar";
    $.jgrid.nav.deltext = "Borrar";
    $.jgrid.edit.addCaption = "Agregar Periodo";
    $.jgrid.edit.editCaption = "Editar Periodo";
    $.jgrid.del.caption = "Borrar Periodo";
    $.jgrid.del.msg = "Borrar el periodo seleccionado?";
    $("#list").jqGrid({
        url: '<%= Url.Action("List", "Periodo") %>',
        datatype: 'json',
        mtype: 'GET',
        colNames: ['Número', 'Desde Fecha', 'Hasta Fecha', 'Activo'],
        colModel: [
                { name: 'periodoId', index: 'periodoId', width: 40, align: 'left', editable: false, editrules: { edithidden: false }, hidedlg: true, hidden: true },
                { name: 'fecha_inicio', index: 'fecha_inicio', formatter: 'date', datefmt: 'd/m/Y', width: 100, align: 'left', editable: true, edittype: 'text', editoptions: { size: 10, maxlength: 10 }, editrules: { required: true }, formoptions: { elmsuffix: ' *'} },
                { name: 'fecha_fin', index: 'fecha_fin', formatter: 'date', datefmt: 'd/m/Y', width: 100, align: 'left', editable: true, edittype: 'text', editoptions: { size: 10, maxlength: 10 }, editrules: { required: true }, formoptions: { elmsuffix: ' *'} },
                { name: 'activo', index: 'activo', width: 100, align: 'left', editable: true, edittype: 'checkbox', editoptions: { value: "True:False" }, editrules: { required: false} },
                ],
        pager: $('#listPager'),
        rowNum: 20,
        rowList: [5, 10, 20],
        sortname: 'id',
        sortorder: "desc",
        viewrecords: true,
        imgpath: '/Content/ui-lightness/Images',
        width: "900",
        height: "400",
        ondblClickRow: function(rowid, iRow, iCol, e) {
            $("#list").editGridRow(rowid, prmGridDialog);
        }
    }).navGrid('#listPager',
            {
                edit: true, add: true, del: true, search: false, refresh: true
            },
            updateDialog,
            updateDialog,
            updateDialog
        );
});       
</script>

Но если ввод данных возможен только с использованием указателя даты fecha_inicio.

Я прочитал несколько примеров в Интернете, но не смог найти решение. Что я делаю не так?

1 Ответ

0 голосов
/ 13 марта 2012

очевидно, что точка отказа произошла с

showOn: 'both'

когда оно было изменено на

showOn: 'button'

работал правильно

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...