نحوه تنظیم یک سایت mvc جهت استفاده از کنترل های تلریک (telerik)

تازه ها

نحوه تنظیم یک سایت mvc جهت استفاده از کنترل های تلریک (telerik)

نظرات ()

فولدری که telerik در آن نصب شده = Telerik Folder و از این پس به اختصار TF
مثال C:Program Files (x86)TelerikExtensions for ASP.NET MVC Q1 2012

  1. اضافه کردن فولدر های Content و Scripts از TF به پروژه
    نکته : برای صرفه جویی در فضا می تونید از Content ها Skin خاصی که انتخاب کردید را بیارید. یعنی یه همچین شکلی می شه فولدره Content:
    Content2012.1.214Sunset
    Content2012.1.214 elerik.sunset.min
    telerik.common.min.css
    telerik.rtl.min.css

  2. کپی فایل Telerik.Web.Mvc.dll از TF/Binaries/MVCx به فولدر bin پروژه و Reference دادن به آن.
  3. اضافه کردن namespace زیر به قسمت Pages وب کانفیگ
    add namespace="Telerik.Web.Mvc"
  4. اضافه کردن    به web.config
    <runtime>

        <assemblyBindingxmlns="urn:schemas-microsoft-com:asm.v1">

          <dependentAssembly>

            <assemblyIdentityname="System.Web.Helpers"publicKeyToken="31bf3856ad364e35" />

            <bindingRedirectoldVersion="1.0.0.0-2.0.0.0"newVersion="2.0.0.0" />

          dependentAssembly>

          <dependentAssembly>

            <assemblyIdentityname="System.Web.Mvc"publicKeyToken="31bf3856ad364e35" />

            <bindingRedirectoldVersion="0.0.0.0-4.0.0.0"newVersion="4.0.0.0" />

          dependentAssembly>

          <dependentAssembly>

            <assemblyIdentityname="System.Web.WebPages"publicKeyToken="31bf3856ad364e35" />

            <bindingRedirectoldVersion="0.0.0.0-2.0.0.0"newVersion="2.0.0.0" />

          dependentAssembly>

        assemblyBinding>

      runtime>

    به وب کانفیگ
  5. نوشتن کد زیر در انتهای صفحات یا مستر پیج سایت:
      @Html.Telerik().ScriptRegistrar()



  6. اضافه کردن استایل شیت ها به صفحات یا مستر پیج توسط کد زیر:
     @( Html.Telerik().StyleSheetRegistrar()
            .DefaultGroup(group => group.Add("telerik.common.css")
                                        .Add("telerik.vista.css").Add("telerik.rtl.css"))
        )

 

جهت تست:

یک کامپوننت روی صفحه مثل این کد بیاندازید:

       @(Html.Telerik().PanelBar().Name("myPanel").Items(factory =>
              {
                  factory.Add().Text("Panel1").Expanded(true).Items(subitem =>
                      {
                          subitem.Add().Text("sub item 1");
                          subitem.Add().Text("sub item 2");
                      });
                  factory.Add().Text("Panel2");
              })
              )