Questions on UI for ASP.NET MVC Forum

1 answer

179 views

My custom editor template consists of a table with one row of two columns. Each of those columns have a table. The two tables have a one to one relationship. All CRUD operations are working fine, concerning Inserts, Updates, and Deletes. My only complaint is appearance. I can't get the kendo created and controlled Update and Cancel buttons to float all the way to the right after exhausting ever example I could find.

I've tried:
.k-edit-buttons {
float: right;
}

didn't work. It puts the buttons about half way there. The code in my form looks like the following:

@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
<table id="crossarm_values" style="height: 500px; margin: 20px 20px 20px 40px; background-color: rgba(10, 10, 10, 0.11);" class="ui-grid-b ui-corner-all ui-shadow ui-dialog-titlebar">
<tr id="crossarm_data">
<td style="width: 375px; height: 475px; margin: 1px 1px 1px 1px;">
<fieldset id="master">
<legend style="font-family: 'Bookman Old Style'; color:orangered; font-weight: bold; font-size:16px; border: none;">Master Crossarm Data</legend>
<table style="font-size: 12px; color:black; width: 325px; height: 375px; margin-bottom: 85px; margin-left: 20px;">
@Html.HiddenFor(e => e.EquipmentId)
<tr style="margin-left: 1px; margin-right: 5px;">
<td style="margin-left: 1px;margin-right: 5px; width: 150px;">
@Html.LabelFor(e => e.EquipmentName)
</td>
<td style="width: 130px;">
@Html.EditorFor(e => e.EquipmentName)
</td>
</tr>
<tr style="margin-left: 1px; margin-right: 5px;">
<td style="margin-left: 1px;margin-right: 5px; width: 150px;">
@Html.LabelFor(e => e.EquipmentDescription)
</td>
<td style="width: 130px;">
@Html.EditorFor(e => e.EquipmentDescription)
</td>
</tr>
<tr style="margin-left: 1px; margin-right: 5px;">
<td style="margin-left: 1px;margin-right: 5px; width: 150px;">
@Html.LabelFor(c => c.Category)
</td>
<td style="width: 130px;">
@Html.DropDownListFor(c => c.Category, Model.CategoryTypes)
</td>
</tr>
<tr style="margin-left: 1px;margin-right: 5px;">
<td style="margin-left: 1px;margin-right: 5px; width: 150px;">
@Html.LabelFor(e => e.EquipmentType)
</td>
<td style="width: 130px;">
@Html.DropDownListFor(t => t.EquipmentType, Model.CrossarmTypes, "-- Select A Type --")
</td>
</tr>
<tr style="margin-left: 1px;margin-right: 5px;">
<td style="margin-left: 1px;margin-right: 5px; width: 150px;">
@Html.LabelFor(e => e.Length)
</td>
<td style="width: 130px;">
@Html.EditorFor(e => e.Length)
</td>
</tr>
<tr style="width: 275px;">
<td style="margin-left: 1px;margin-right: 5px; width: 150px;">
@Html.LabelFor(e => e.Height)
</td>
<td style="width: 130px;">
@Html.EditorFor(e => e.Height)
</td>
</tr>
<tr style="width: 275px;">
<td style="margin-left: 1px;margin-right: 5px; width: 150px;">
@Html.LabelFor(e => e.Width)
</td>
<td style="width: 130px;">
@Html.EditorFor(e => e.Width)
</td>
</tr>
<tr style="width: 275px;">
<td style="margin-left: 1px;margin-right: 5px; width: 150px;">
@Html.LabelFor(e => e.CanEditLength)
</td>
<td style="width: 130px;">
@Html.EditorFor(e => e.CanEditLength)
</td>
</tr>
<tr style="width: 275px;">
<td style="margin-left: 1px;margin-right: 5px; width: 150px;">
@Html.LabelFor(e => e.CanEditHeight)
</td>
<td style="width: 130px;">
@Html.EditorFor(e => e.CanEditHeight)
</td>
</tr>
<tr style="width: 275px;">
<td style="margin-left: 1px;margin-right: 5px; width: 150px;">
@Html.LabelFor(e => e.CanEditWidth)
</td>
<td style="width: 130px;">
@Html.EditorFor(e => e.CanEditWidth)
</td>
</tr>
<tr style="width: 275px;">
<td style="margin-left: 1px; margin-right: 5px; width: 150px;">
@Html.LabelFor(e => e.IsObsolete)
</td>
<td style="width: 130px;">
@Html.EditorFor(e => e.IsObsolete)
</td>
</tr>
</table>
</fieldset>
</td>
<td style="width: 50px; padding: 15px 15px 15px 15px;"></td>
<td style="width: 325px; height: 475px; margin: 1px 1px 1px 1px; float: right;">
<fieldset id="detail">
<legend style="font-family: 'Bookman Old Style'; color:orangered; font-weight: bold; font-size:16px;">Detail Crossarm Data</legend>
<table style="font-size: 12px; color:black; width: 300px; height: 465px; margin-left: 10px;">
@Html.HiddenFor(c => c.CrossarmId)
<tr style="margin-left: 1px; margin-right: 5px;">
<td style="margin-left: 1px;margin-right: 5px; width: 175px;">
@Html.LabelFor(c => c.AttachOffset)
</td>
<td style="width: 130px;">
@Html.EditorFor(c => c.AttachOffset)
</td>
</tr>
<tr style="margin-left: 1px;margin-right: 5px;">
<td style="margin-left: 1px;margin-right: 5px; width: 175px;">
@Html.LabelFor(c => c.AttachSlope)
</td>
<td style="width: 130px;">
@Html.EditorFor(c => c.AttachSlope)
</td>
</tr>
<tr style="margin-left: 1px;margin-right: 5px;">
<td style="margin-left: 1px;margin-right: 5px; width: 175px;">
@Html.LabelFor(c => c.CanAttachOffset)
</td>
<td style="width: 130px;">
@Html.EditorFor(c => c.CanAttachOffset)
</td>
</tr>
<tr style="width: 275px;">
<td style="margin-left: 1px;margin-right: 5px; width: 175px;">
@Html.LabelFor(c => c.CanAttachSlope)
</td>
<td style="width: 130px;">
@Html.EditorFor(c => c.CanAttachSlope)
</td>
</tr>
<tr style="width: 275px;">
<td style="margin-left: 1px;margin-right: 5px; width: 175px;">
@Html.LabelFor(c => c.Number, null, new { pattern = @"\d{0, 12}" })
</td>
<td style="width: 130px;">
@Html.EditorFor(c => c.Number)
</td>
</tr>
<tr style="width: 275px;">
<td style="margin-left: 1px;margin-right: 5px; width: 175px;">
@Html.LabelFor(c => c.Weight)
</td>
<td style="width: 130px;">
@Html.EditorFor(c => c.Weight)
</td>
</tr>
<tr style="width: 275px;">
<td style="margin-left: 1px;margin-right: 5px; width: 175px;">
@Html.LabelFor(c => c.Slope)
</td>
<td style="width: 130px;">
@Html.EditorFor(c => c.Slope)
</td>
</tr>
<tr style="width: 275px;">
<td style="margin-left: 1px;margin-right: 5px; width: 175px;">
@Html.LabelFor(c => c.VerticalOffset)
</td>
<td style="width: 130px;">
@Html.EditorFor(c => c.VerticalOffset)
</td>
</tr>
<tr style="width: 275px;">
<td style="margin-left: 1px;margin-right: 5px; width: 175px;">
@Html.LabelFor(c => c.HasBrace)
</td>
<td style="width: 130px;">
@Html.EditorFor(c => c.HasBrace)
</td>
</tr>
<tr style="width: 275px;">
<td style="margin-left: 1px;margin-right: 5px; width: 175px;">
@Html.LabelFor(c => c.HorizontalBraceSpace)
</td>
<td style="width: 130px;">
@Html.EditorFor(c => c.HorizontalBraceSpace)
</td>
</tr>
<tr style="width: 275px;">
<td style="margin-left: 1px;margin-right: 5px; width: 175px;">
@Html.LabelFor(c => c.VerticalBraceSpace)
</td>
<td style="width: 130px;">
@Html.EditorFor(c => c.VerticalBraceSpace)
</td>
</tr>
<tr style="width: 275px;">
<td style="margin-left: 1px;margin-right: 5px; width: 175px;">
@Html.LabelFor(s => s.Species)
</td>
<td style="width: 130px;">
@Html.DropDownListFor(s => s.Species, Model.SpeciesTypes)
</td>
</tr>
<tr style="width: 275px;">
<td style="margin-left: 1px;margin-right: 5px; width: 175px;">
@Html.LabelFor(c => c.Quantity)
</td>
<td style="width: 40px;">
@Html.EditorFor(c => c.Quantity)
</td>
</tr>
<tr style="width: 275px;">
<td style="margin-left: 1px;margin-right: 5px; width: 175px;">
@Html.LabelFor(c => c.CrossarmSortOrder)
</td>
<td style="width: 40px;">
@Html.EditorFor(c => c.CrossarmSortOrder)
</td>
</tr>
<tr style="margin-left: 1px; margin-right: 5px;">
<td style="margin-left: 1px;margin-right: 5px; width: 175px;">
@*@Html.LabelFor(c => c.EquipmentName)*@
</td>
<td style="width: 130px;">
@*@Html.EditorFor(e => e.EquipmentName, new { disabled = "disabled", @readonly = "readonly" })*@
@*@Html.DisplayFor(e => e.EquipmentName)*@
</td>
</tr>
</table>
</fieldset>
</td>
</tr>
<tr id="crossarm_list" style="display: none">
@foreach (var item in @ViewBag.Crossarms)
{
<td>@item</td>
}
</tr>
</table>

}

Grid

answered on 08 Dec 2014

0 answers

214 views

Binding DateTimePicker to DateTimeOffset

I have 3 date attributes defined as timestamp with timezone in Oracle database. I ise EF 5.0 and LINQ to get the data from Oracle and it works fine. I have defined the attributes in my VM As DateTimeOffset and I can populate them without any issues. However when I try to bind them to DateTimePicker in my EditorTemplate it breaks and crashes the page.

Is this not supported? If so what alternatives do I have. Does anyone have an example that I can see.

I am doing a basic MVC app using EF 5.0 and using LINQ to get the data using repository patter.

Here is a snippet of my code.

VM

[DisplayName("Activate Date")]

public DateTimeOffset? activateDate { get; set; }

[DisplayName("Inactivate Date")]

public DateTimeOffset? inactivateDate { get; set; }

[DisplayName("Energizing Date")]

public DateTimeOffset? energizingDate { get; set; }

DAO

var x = dao.CONNECTIVITY_UNIT

.Join(dao.OP_AREA_ORG, cu => cu.OP_AREA_CODE, oa => oa.OP_AREA_CODE, (cu, oa) => new { CONNECTIVITY_UNIT = cu, OP_AREA_ORG = oa })

.Where(w => w.CONNECTIVITY_UNIT.UNIT_TYPE.Equals("SUBSTATION"))

.Where(w => w.CONNECTIVITY_UNIT.IS_ACTIVE_FLAG.ToUpper().Equals("Y"))

.Where(w => w.CONNECTIVITY_UNIT.ABBR.ToUpper().Equals("BRA"))

.Select(c => new SubstationVM

{

energizingDate = c.CONNECTIVITY_UNIT.ENERGIZING_DATE,

activateDate = c.CONNECTIVITY_UNIT.ACTIVATE_DATE,

inactivateDate = c.CONNECTIVITY_UNIT.INACTIVATE_DATE,

updateTime = c.CONNECTIVITY_UNIT.UPDATE_TMSTMP

})

.OrderBy(o => o.substationABBR)

.ToList();

return x;

View EditorTemplate

<div class="form-group">

@Html.LabelFor(model => model.energizingDate, new { @class = "control-label col-xs-2" })

<div class="col-xs-2">

@Html.EditorFor(model => model.energizingDate)

@Html.ValidationMessageFor(model => model.energizingDate)

</div>

<div class="col-xs-3">

<div class="form-group">

@Html.LabelFor(model => model.activateDate, new { @class = "control-label col-xs-4" })

<div class="col-xs-7">

@Html.EditorFor(model => model.activateDate)

@Html.ValidationMessageFor(model => model.activateDate)

</div>

<div class="col-xs-3">

<div class="form-group">

@Html.LabelFor(model => model.inactivateDate, new { @class = "control-label col-xs-4" })

<div class="col-xs-7">

@Html.EditorFor(model => model.inactivateDate)

@Html.ValidationMessageFor(model => model.inactivateDate)

</div>

Am I missing anything? Is there another or better way of doing this?

Thanks for the help.

DatePicker

asked on 05 Dec 2014

3 answers

109 views

Which cell got clicked in a row?

I have a grid and event like this. The text placed in a label in the last line of the script depends upon which of two columns got clicked; HomeAddress or BizAddress. .If the user clicked the Name column instead of one of the two address columns, I want to do nothing.

How can I tell that so I can pick which field to put in the label text?

@(Html.Kendo().Grid<AppUser>()

.Name("grid")

.Columns(columns =>

{

columns.Bound(c => c.Name).Width(140);

columns.Bound(c => c.HomeAddress).Width(140);

columns.Bound(c => c.BizAddress).Width(140);

})

.HtmlAttributes(new { style = "height: 380px;" })

.Scrollable()

.Groupable()

.Sortable()

.Selectable()

.Events(events => events.Change("grid_change"))

.Pageable(pageable => pageable

.Refresh(true)

.PageSizes(true)

.ButtonCount(5))

.DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("FilteredPeople_Read", "UserConsoleViewModels"))

)

<script>

function grid_change(e) {

var data = this.dataItem(this.select());

if (clickedColumnIndex != 0) // How do I find selectedColumnIndex?

{

$("#labelName").text(data.Name);

$("#labelAddress").text(selectedColumnIndex == 1 ? data.HomeAddress : data.BizAddress);

}

</script>

Grid

answered on 05 Dec 2014

1 answer

182 views

Panel bar custom helper : how to add item

Hello,

I need to make my own helper of panel bar to manage conditional displaying of items.

I made it like this

public static Kendo.Mvc.UI.Fluent.PanelBarBuilder MovementPanel(this HtmlHelper helper, string name, Boolean withContainer,string Controller, RouteValueDictionary export)

{

Kendo.Mvc.UI.Fluent.PanelBarBuilder myPanel = helper.Kendo().PanelBar()

.Name(name)

.ExpandAll(true)

.ExpandMode(PanelBarExpandMode.Multiple);

PanelBarItem itAction = new PanelBarItem();

itAction.Text = "Actions";

itAction.Items.Add(NewBarItem("Error detail","javascript:void(0)"));

itAction.Items.Add(NewBarItem("File content", "javascript:void(0)"));

PanelBarItem itExcel = new PanelBarItem();

itExcel.Text = "Excel export";

itExcel.Action("ExportToExcel", Controller, export);

itAction.Items.Add(itExcel);

if (withContainer)

{

itAction.Items.Add(NewBarItem("Container history", "javascript:void(0)"));

}

myPanel.ItemAction(ac => ac.Items.Add(itAction));

myPanel.Events(events =>

events.Select("OnSelectAction")

);

return myPanel;

}

private static PanelBarItem NewBarItem(string text, string url)

{

PanelBarItem itTemp = new PanelBarItem();

itTemp.Text = text;

itTemp.Url = url;

return itTemp;

}

But how can I link items to the PanelBarBuilder ?

With this instructions : myPanel.ItemAction(ac => ac.Items.Add(itAction));

Method only returns javascript.

thanks for your help

PanelBar

answered on 05 Dec 2014

1 answer

435 views

MVC Grid WebApi vs Ajax binding

Hi!
I've investigated grid control for few hours and came to the confusion with bindings. I found no principal differences between WebApi() and Ajax() bindings. Could you drop some light on this topic: why do they exist separately and when should I use one or another?

Investigation details:

- documentation for MVC grid doesn't have WebApi binding description. It has only a WebService which I think was the predecessor of WebApi binding. Anyway, that didn't explain the differences.

- one difference I've found so far is that by default Ajax binding use POST request, while WebApi binding use GET request. But this behavior can be overriden. So the following examples generate identical network traffik:
1) .DataSource(dataSource => dataSource
.WebApi()
.Read(read => read.Action("Grid", "People").Type(HttpVerbs.Get))
2) .DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("Grid", "People").Type(HttpVerbs.Get))
Changing HttpVerbs.Get to HttpVerbs.Post again generates the same traffik for both bindings.
Obviously my MVC controller works the same too since I don't need to change it to work with one or another binding.

- another difference is in the HTML output which is rendered on the view:
if(kendo.data.transports['webapi']){return 'webapi';} else{throw new Error(...
if(kendo.data.transports['aspnetmvc-ajax']){return 'aspnetmvc-ajax';} else{throw new Error(...
But that doesn't seem important since network traffik generated by both configurations is the same. Was it done for potential future needs, or did I miss something?

Grid

answered on 05 Dec 2014

1 answer

185 views

Hierarchy - problem with parent ID

How can I get the parent ID when I trying to add new subelement? See attachment.

Sub-grid code template looks like below:

<script id="template" type="text/kendo-tmpl">

@(Html.Kendo().Grid<ZakresViewModel>()

.Name("podzakresy#=IdZakres#")

.Editable(editable => editable.Mode(GridEditMode.PopUp))

.ToolBar(toolbar =>

{

toolbar.Create().Text("<span class=\"fa fa-plus\"></span> " + SettingsStrings.DodajNowyPodzakres).HtmlAttributes(new { @class = "btn btn-warning", idZakresNadrzedny = "#=IdZakres#" });

})

.Columns(columns =>

{

columns.Bound(c => c.Numer).Width(80).Title(SharedStrings.Numer);

columns.Bound(c => c.Nazwa).Title(SharedStrings.Nazwa);

columns.Command(command => command.Edit().UpdateText(SharedStrings.Zapisz).CancelText(SharedStrings.Anuluj).Text(SharedStrings.Edytuj)).Width(100);

columns.Command(command => command.Destroy().Text(SharedStrings.Usun)).Width(100);

})

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(10)

.Model(model => { model.Id(p => p.IdZakres); })

.Read(read => read.Action("GridPodzakresy_Read", "Settings", new { IdZakresNadrzedny = "#=IdZakres#" }))

.Create(create => create.Action("GridPodzakresy_PopupCreate", "Settings", new { IdZakresNadrzedny = "#=IdZakres#" }))

.Update(update => update.Action("GridZakresy_PopupUpdate", "Settings"))

.Destroy(delete => delete.Action("GridZakresy_PopupDestroy", "Settings"))

)

.Pageable()

.Selectable(selectable => selectable.Mode(GridSelectionMode.Single))

.Sortable()

.ToClientTemplate()

)

</script>

Main grid code looks like below:

@(Html.Kendo().Grid<ZakresViewModel>()

.Name("grid-zakresy")

.HtmlAttributes(new { style = "height:100%; cursor:default" })

.ClientDetailTemplateId("template")

.Editable(editable => editable.Mode(GridEditMode.PopUp))

.ToolBar(toolbar => toolbar.Create().Text("<span class=\"fa fa-plus\"></span> " + SettingsStrings.DodajNowyZakres).HtmlAttributes(new { @class = "btn btn-primary" }))

.Columns(columns =>

{

columns.Bound(c => c.IdKontrakt).Visible(false).Filterable(false);

columns.Bound(c => c.IdZakres).Visible(false).Filterable(false);

columns.Bound(c => c.IdZakresNadrzedny).Visible(false).Filterable(false);

columns.Bound(c => c.Numer).Width(80).Title(SharedStrings.Numer);

columns.Bound(c => c.Nazwa).Title(SharedStrings.Nazwa);

columns.Command(command => command.Edit().UpdateText(SharedStrings.Zapisz).CancelText(SharedStrings.Anuluj).Text(SharedStrings.Edytuj)).Width(100);

columns.Command(command => command.Destroy().Text(SharedStrings.Usun)).Width(100);

})

.Pageable(pageable => pageable.Refresh(true).ButtonCount(3))

.Sortable(s => { s.AllowUnsort(true); s.SortMode(GridSortMode.MultipleColumn); })

.Scrollable(scr => { scr.Height("100%"); scr.Enabled(false); })

.Selectable(selectable => selectable.Mode(GridSelectionMode.Single))

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(10)

.Model(model => { model.Id(p => p.IdZakres); })

.Read(read => read.Action("GridZakresy_Read", "Settings", new { IdKontrakt = Model.IdKontrakt }))

.Create(create => create.Action("GridZakresy_PopupCreate", "Settings"))

.Update(update => update.Action("GridZakresy_PopupUpdate", "Settings"))

.Destroy(delete => delete.Action("GridZakresy_PopupDestroy", "Settings"))

)

Action in controller when I trying to create new element. At this action I need parent ID.

[AcceptVerbs(HttpVerbs.Post)]

public ActionResult GridPodzakresy_PopupCreate([DataSourceRequest] DataSourceRequest request, ZakresViewModel zakres)

{

if (zakres != null && ModelState.IsValid)

{

//some code

}

return Json(new[] { zakres }.ToDataSourceResult(request, ModelState));

}

Thanks in advance

Grid

answered on 05 Dec 2014

1 answer

104 views

Missing server-side values

I'm fairly new to MVC and the Kendo MVC extensions, and I must be missing something fairly basic here.

I have a page with a strongly types model, which uses a Kendo Dropdown List, and two date pickers. When the form is submitted, I do not get the selected values from server-side.

Here's my code:

Model:

public class ExportData

{

public DateTime startDate { get; set; }

public DateTime endDate { get; set; }

public string exportType { get; set; }

}

Chtml:

@using Microsoft.AspNet.Identity

@using Kendo.Mvc.UI

@model InsulinCalculator.Models.ExportData

@using (Html.BeginForm("Export", "Home", FormMethod.Post))

{

<div class="form-group">

<label class="col-md-2 control-label" for="dtpStartDate" style="white-space:nowrap;">Start Date:</label>

<div class="col-md-3">

<div class="input-group">

@(Html.Kendo()

.DatePickerFor(model => model.startDate)

.Name("dtpStartDate")

.Format("MM/dd/yyyy")

.HtmlAttributes(new { style = "width:180px" })

)

</div>

<div class="form-group">

<label class="col-md-2 control-label" for="dtpEndDate" style="white-space:nowrap;">End Date:</label>

<div class="col-md-3">

<div class="input-group">

@(Html.Kendo()

.DatePickerFor(model => model.endDate)

.Name("dtpEndDate")

.Format("MM/dd/yyyy")

.HtmlAttributes(new { style = "width:180px" })

)

</div>

<div class="form-group">

<label class="col-md-2 control-label" for="exportType" style="white-space:nowrap;">Format:</label>

<div class="col-md-3">

@(Html.Kendo()

.DropDownListFor(model => model.exportType)

.Name("exportType")

.HtmlAttributes(new { style = "width:180px" })

.BindTo(new List<string>()

{

"Microsoft Excel (XLSX)",

"Microsoft Word (DOCX)",

"Adobe Acrobat (PDF)"

})

)

</div>

<div class="form-group">

<div class="col-sm-4">

<input type="submit" value="Export Data" class="btn btn-sm bg-purple2 pull-right">

</div>

}

Server-Side:

[Authorize]

[HttpPost]

public ActionResult Export(ExportData oData)

{

Response.Write(oData.startDate + " " + oData.endDate + " " + oData.exportType);

return View();

}

The model comes into the Export method correctly, but the only value that's populated is the exportType (which has a default selection), the two date pickers are completely empty.

I'd like to preserve the selections after the form submit in the pickers / dropdown, and, of course, have the data available to me on the server. Like I said, I seem to be missing something basic, but can't figure out what! Any help is appreciated.

Regards,
Alex

DatePicker

answered on 05 Dec 2014

1 answer

185 views

Is kendo.web.js required for mvc controls ?

I want to know if i can eliminate loading of kendo.web.js for my mvc project.
I am facing performance issues and eliminating unnecessary scripts from bundle, so i want to know whether kendo.web.js is required for mvc or not ?

General Discussions

answered on 04 Dec 2014

8 answers

295 views

Asynchronous File Upload

HI, it is my first time attempting to use the asynchronous file upload method. Normally, I would use the synchronous method for smaller files. But now, I am dealing with video files, which can sometimes be bigger in size, so I want to use the asynchronous method so the user can see the progress (better user experience). I have attached my screenshots for reference.

I also am wondering, is it possible for me to use the ProgressBar in an synchronous file upload? My objective is to use Telerik 100% for my website, so as far as possible, I do not want to rely on any other external script that is not Telerik.

Upload

answered on 04 Dec 2014

1 answer

149 views

Is there an option to export all rows in a grid to PDF

I have a grid with too many rows to fit on the screen. When exporting to Excel, only those rows visible on the screen are exported to the PDF page. With exporting to Excel, I can set excel.allPages = true to save all rows to an Excel file. Is there a way to do so for exporting to PDF?

Thanks.

Grid

answered on 04 Dec 2014