2017-06-05 4 views
1

バーコードが部分的に表示されています。最初に幅と高さを含めないと、レンダリング時にエラーが発生します。剣道バーコード - スクリプトでサイズを変更するには

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

私は、ページのinitに、ウィンドウのサイズ変更に親の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-バーコードの幅と高さを適切に設定が、データ・ロール=「表面」を有する子供のサイズは150X150

情報のままでいますか?

答えて

1

APIドキュメントのように見えます。サイズ変更/再描画を行うには、setOptions()メソッドで寸法を設定する必要があります。 jQuery css()メソッドが機能しません。

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

例:http://dojo.telerik.com/AgENi

関連する問題