KendoUI網格彈出式窗口，小，刪除記錄

我已經把一個KendoUI網格的一個簡單的例子：KendoUI網格彈出式窗口，小，刪除記錄

<div id="peopleGrid"></div> 

<link type="text/css" rel="stylesheet" href="/Content/kendoui.web.2012.3.1114.commercial/styles/kendo.common.min.css" /> 
<link type="text/css" rel="stylesheet" href="/Content/kendoui.web.2012.3.1114.commercial/styles/kendo.default.min.css" /> 
<script type="text/javascript" src="/Content/kendoui.web.2012.3.1114.commercial/js/kendo.web.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#peopleGrid').kendoGrid({ 
      dataSource: { 
       type: 'json', 
       transport: { 
        read: '/People/JsonTest' 
       }, 
       schema: { 
        model: { 
         fields: { 
          ID: { type: 'number' }, 
          FirstName: { type: 'string' }, 
          LastName: { type: 'string' } 
         } 
        } 
       }, 
       pageSize: 10, 
       serverPaging: false, 
       serverFiltering: false, 
       serverSorting: false 
      }, 
      height: 250, 
      filterable: true, 
      sortable: true, 
      pageable: true, 
      resizable: true, 
      reorderable: true, 
      editable: { 
       mode: 'popup' 
      }, 
      toolbar: ['create'], 
      columns: [ 
       { 
        field: 'ID', 
        filterable: false, 
        hidden: true 
       }, 
       { 
        field: 'FirstName', 
        title: 'First Name' 
       }, { 
        field: 'LastName', 
        title: 'Last Name' 
       }, 
        { 
        command: ['edit', 'destroy'], title: '&nbsp;' 
       } 
      ] 
     }); 
    }); 
</script>

網格初始化和看起來是正確的。當我點擊記錄上的編輯按鈕或工具欄上的創建按鈕時，彈出窗口會顯示。然而，它似乎並不是動畫。它在窗口的中心只有幾個像素。

審視DOM顯示了這個作爲彈出的包含元素的樣式：

transform: scale(0.1);

在DOM編輯這個固定顯示。所以看起來應該有一些動畫發生，而不是。我的代碼有什麼問題可以阻止它，或者可能需要包含另一個資源？當彈出窗口處於活動狀態時，按esc關閉它會生成一個小動畫，將其展開爲正常大小，同時淡出。所以動畫似乎在錯誤的時間發生。有任何想法嗎？

此外，我看到當彈出窗口關閉時，相關記錄將從網格中刪除。那個我不知道爲什麼會發生。但任何意見將不勝感激。謝謝！

來源

2012-12-14 David

這聽起來像是我們修復的錯誤。嘗試下載最新的內部版本。

來源

2012-12-14 17:43:59

果然，這樣可以解決顯示問題。如果我在未來遇到問題，我會確定並檢查更新的版本，謝謝！不過，它看起來像編輯後的記錄仍然從網格中刪除。雖然這可能值得自己提出一個關於SO的問題，你是否恰好對此有所建議？我現在所做的只是點擊「編輯」，然後點擊「取消」，點擊的記錄從網格中消失。我知道我有更多的接線與我的CRUD服務，但編輯/取消不應該這樣做，對吧？ – David

不應該那樣做。似乎在我們的在線演示中運行良好：http://demos.kendoui.com/web/grid/editing-popup.html –

我有同樣的問題。事實證明，這是由於使用jQuery的稍微過時的版本而導致的。

Kendo UI目前需要版本1.8.2

來源

2013-02-26 14:23:48 Mat

KendoUI網格彈出式窗口，小，刪除記錄

回答

相關問題