За последние 24 часа нас посетили 19692 программиста и 1696 роботов. Сейчас ищут 1758 программистов ...

jqgrid и php

Тема в разделе "JavaScript и AJAX", создана пользователем gun15, 20 апр 2010.

  1. gun15

    gun15 Активный пользователь

    С нами с:
    24 ноя 2008
    Сообщения:
    34
    Симпатии:
    0
    Есть такой плагин к библиотеке jquery - jqgrid (__http://www.trirand.net/)


    Очень интересует возможность добавления редактора текста таких как CKEditor, TinyMCE или любого другого. Как добавить к полю дополнительные функции редактор, обработчик какой либо или еще что то. Всю документацию перерыл и примеры все посмотрел ничего подобного не нашел!
     
  2. neverlose

    neverlose Активный пользователь

    С нами с:
    27 авг 2008
    Сообщения:
    1.112
    Симпатии:
    20
    Дам пример кода, попробуй разобраться:

    PHP:
    1.  
    2. <?= $this->partial("jsfunc_getfckvalue.phtml"); ?>
    3. <script type="text/javascript">
    4. $(document).ready(
    5.     function()
    6.     {
    7.         <?
    8.            $this->afterShowForm = $this->partial("jsfunc_edit_datepickerinit.phtml",array("sel" => "#PostDate"));
    9.            $this->beforeShowForm = $this->partial("jsfunc_fck2textarea_with_id.phtml", array("id" => "Content"));
    10.         ?>
    11.  
    12.         addopt=<?= $this->jqGridAddOptions(array("width"=>800, "height"=>590, "modal"=>"true", "top"=>"50", "left" => "200",
    13.                         "afterShowForm"=>$this->afterShowForm,"beforeShowForm"=>$this->beforeShowForm)); ?>};
    14.  
    15.         jQuery("#news").jqGrid({
    16.           url:"<?=$this->url(array('controller' => 'ajaxnews', 'action' => 'getnews', 'module' => 'admin', 'lang' => $this->currentLang()), 'default_multilingual', true)?>",
    17.           editurl: "<?=$this->url(array('controller' => 'ajaxnews', 'action' => 'editnews', 'module' => 'admin', 'lang' => $this->currentLang()), 'default_multilingual', true)?>",
    18.           colNames:['ID','Title', 'Url Title','Announce','Content', 'Keywords', 'Description', 'Post Date', 'Npp', 'Action'],
    19.           colModel:[ {name:'ID',index:'NewsID', width:40, editable:false},
    20.                      {name:'Title',index:'Title', width:300, search: false, editable: true, editoptions:{size:"110",maxlength:"100"}, editrules: {edithidden: true, required: true}},
    21.                      {name:'UrlTitle',index:'UrlTitle', width:150, search: false, editable: true, editoptions:{size:"110",maxlength:"100"}, editrules: {edithidden: true, required: true}},
    22.                      {name:'Announce',index:'Announce', width:200, search: false, editable: true, hidden: true, edittype: "textarea", editoptions:{rows: "3", cols: "70"}, editrules: {edithidden: true, required: true}},
    23.                      {name:'Content', index:'Content',  width:400, search: false, editable: true, hidden: true, edittype: "fck", editoptions:{rows: "20", cols: "70"}, editrules: {edithidden: true, required: true}},
    24.                      {name:'Keywords',index:'Keywords', width:200, search: false, editable: true, edittype: "textarea",  hidden: true, editoptions:{rows: "3", cols: "70"}, editrules: {edithidden: true, required: false}},
    25.                      {name:'Description',index:'Description', width:200, search: false, editable: true, edittype: "textarea",  hidden: true, editoptions:{rows: "3", cols: "70"}, editrules: {edithidden: true, required: false}},
    26.                      {name:'PostDate', index:'PostDate', width:140,  sorttype: 'date', datefmt: 'd.m.Y H:i', editable:true, editoptions:{size:"14",maxlength:"10"} , editrules: {required: true}},
    27.                      {name:'Npp', index:'Npp', width:60, editable:true, editrules: {number: true, required: true}},
    28.                      {name:'act',index:'act', width:85, sortable:false, search: false, align: 'center'}
    29.                      ],
    30.           caption: 'News Records',
    31.           sortname: 'Npp',
    32.           sortorder: 'asc',
    33.           <?= $this->jqGridRepeatOptions(); ?>,
    34.           loadComplete: function(){
    35.           <?= $this->jqGridSetFTR("#news",array("buttons" => "[EDIT][DELETE]")); ?>
    36.           }
    37.         })<?= $this->jqGridAddPager("#pager").$this->jqGridAddRefresh("#news","#pager").$this->jqGridAddAdd("#news","#pager",array("optionsArray" => "addopt")); ?>
    38.  
    39.     }
    40. );
    41. </script>
    42. <table id="news" class="scroll"></table>
    43. <div id="pager" class="scroll" style="text-align:center;"></div>
    44.