Kendo條形碼 - 如何用腳本調整大小

Question

我有一個條形碼在局部視圖內。如果我在開始時不包含寬度和高度，則渲染時會出現錯誤。

@Html.Kendo().Barcode().Name("barcode-" + Guid.NewGuid().ToString()).Value(@Model.WidgetTagValue).Encoding(Model.barcode_symbology).Width(150).Height(150)

我試圖去改變它，以適應父div的大小在頁面初始化和窗口大小調整resize事件。

function setBarcodeSize() { 
     if ($('.k-barcode').length > 0) { 
      $('.k-barcode').each(function() { 
       var parentDivWidth = $(this).closest(".andon-widget-container").width() - 50; 
       var parentDivHeight = $(this).closest(".andon-widget-container").height() - $(this).closest(".andon-widget-container").find(".andon-widget-title").height(); 
       $(this).css("width", $(this).width(parentDivWidth) + "px").css("height", $(this).height(parentDivHeight) + "px"); 
       $(this).data("kendoBarcode").redraw(); 
      }); 
     } 
    } 

寬度和第k條形碼的高度被適當地設定，但與數據角色兒童的尺寸=「表面」保持在150×150

建議嗎？

Answer 1

看起來像API文件說謊。您必須通過setOptions()方法來設置尺寸以進行調整大小/重繪工作。 jQuery css()方法不起作用。

var barcode = $("#barcode").data("kendoBarcode"); 
barcode.setOptions({width: 600}); 
barcode.resize(); 

實施例：http://dojo.telerik.com/AgENi