Telerik Forums
UI for ASP.NET MVC Forum
1 answer
75 views
I'm trying to customize the Scheduler to have a light-weight Control, without header and footer (Navigation, etc)
The rows height should also be much smaller.

You will find attached to this message an image that shows what I want to achieve...
Is that possible?

Thank you !
AKROS
Top achievements
Rank 1
 answered on 27 Apr 2016
1 answer
545 views

Hello,

 

Can you use the detail template to display a partial view thats loaded by ajax ?

 

I currently have a div outside of the grid that is loaded when you click a line in the grid , but it would be smarter if it just opened up a detail and displayed the partial view there in.

 

Any ideas on how to do that ?

 

Regards,

Emil

Nikolay Rusev
Telerik team
 answered on 27 Apr 2016
3 answers
656 views

I have inline grid, I want to edit one field if the model.ebs is true or edit another field if the model.ebs is false.

 

@(Html.Kendo().Grid<ViewModels.Payment.ProviderServiceRRViewModel>()
.Name("PRRServiceGrid")
.Columns(columns =>
{
    columns.Bound(p => p.Id).Hidden(true);
    columns.Bound(p => p.IsEbsOnly).Hidden(true);
    columns.Bound(p => p.ServiceName);
    columns.Bound(p => p.Units);
    columns.Bound(p => p.ReduceUnits);
    columns.Bound(p => p.ReimbursementAmount).Format("{0:c}");
    columns.Command(command =>
    {
        command.Edit().HtmlAttributes(new { @class = "btn-primary k-grid-edit" });   
})
.Pageable(pageable => pageable.Refresh(true).PageSizes(true).ButtonCount(5))
.Sortable()   
.Selectable()
.Events(e => e.Edit("onPRRServiceGridEdit"))
.Resizable(resize => resize.Columns(true))
.DataSource(dataSource => dataSource.Ajax().ServerOperation(false).PageSize(5).Read(read => read.Action("PrrServiceGridRead", "ReimbursementRequest", new { prrId = @Html.Raw(Json.Encode(Model.PrrId)), serviceType = @Html.Raw(Json.Encode(Model.ServiceType)) }))
.Model(model =>
{
    model.Id(p => p.Id); model.Field(p => p.Id).Editable(false);
    model.Field(p => p.ServiceName).Editable(false); //I did not make Units, reduce units column editable false
    model.Field(p => p.ReimbursementAmount).Editable(false);
})
.Update(update => update.Action("Update_PrrServiceGrid", "ReimbursementRequest"))
))
 
 
function onPRRServiceGridEdit(e) {
 
    var isEbsOnly = e.model.IsEbsOnly;
    
        if(isEbsOnly) //I made it disable but I want to close the cell. I dont want to make it editable if the value is true            
            $(e.container).find('input[name="ReduceUnits"]').attr("disabled", true);
         
         else
            $(e.container).find('input[name="Units"]').attr("disabled", true);
  
}

Rosen
Telerik team
 answered on 26 Apr 2016
2 answers
422 views

Is there a way to add a new sheet to the e.workbook.sheets[] array in my ExcelExport() grid event function?  I'm trying to create an Excel export that has two sheets.  One sheet will be formatted just as the grid displays.  The other sheet will require some custom code to format the sheet as desired.

 

Thanks!

Matthew
Top achievements
Rank 1
 answered on 26 Apr 2016
3 answers
308 views

I am not sure if this is by design but when i click on button that exports to excel when the grid has no data, it invokes the ajax read call first and then export the result in excel. If the grid already has the result, it seems like it doesn't call the read function and it exports the result right away. 

In the following code, 'GetPurchaseOrders' gets invoked whenever excel button is clicked whenever excel to export button is clicked. 

Any idea why this is happening?

Thanks.

@(Html.Kendo().Grid<SupplierPortal.ViewModels.PoViewModel>()
            .Name("GridPOSearchHeaderInfo")
            .Columns(columns =>
            {
                columns.Bound(e => e.Revision).Width("120px").HtmlAttributes(new { @style = "text-align:right;" });
                columns.Bound(e => e.SupplierNumber).Width("170px").HtmlAttributes(new { @style = "text-align:right;" });
                columns.Bound(e => e.SupplierName).Width("160px");
            })
             .Excel(excel => excel
             .FileName("PurchaseOrders.xlsx")
             .ProxyURL(Url.Action("Excel_Export_Save", "Supplier"))
             .AllPages(true)
            )
            .ToolBar(tools =>
            {
            tools.Template(@<text>
                <div class="col-lg-1 col-md-2 col-sm-2 col-xs-4 pull-right" style="padding-left: 0; margin-top: 2px; text-align: right;">
                    @Html.ActionLink(" ", "SaveView", "PurchaseOrder", null, new { @class = "modal-link k-button POcolumn", @style = "padding-left: 10px;", @title = "Customize Grid" })
                    <a class="k-button k-button-icontext k-grid-excel POexport" href="#" style="padding-left: 10px;" title="Export to Excel"><span class="k-icon k-i-excel"></span></a>
                </div>               
                </text>);
            })
            .Pageable(x => x.PageSizes(new int[] { 10, 20, 50, 100 }).ButtonCount(4))
            .Reorderable(reorder => reorder.Columns(true))
            .AutoBind(false)
            .Sortable(sortable => sortable
                .AllowUnsort(true)
                .SortMode(GridSortMode.MultipleColumn))
            .Selectable()
            .ColumnMenu()
            .Scrollable(scr => scr.Height(322))
            .Filterable(filterable => filterable
              .Extra(false)
              .Operators(operators => operators
              .ForString(str => str.Clear()
                        .Contains("Contains")
                        .StartsWith("Starts with")
                        .IsEqualTo("Is equal to")
                        .IsNotEqualTo("Is not equal to")
                       ))
                      )
               .Resizable(resize => resize.Columns(true))
               .DataSource(dataSource => dataSource
                                        .Ajax()
                                        .PageSize(10)
                                        .Read(read => read.Action("GetPurchaseOrders", "PurchaseOrder").Data("GetSearchParameters"))
                                        .ServerOperation(false)
                          )
                .Events(events => events.DataBound("gridDataBound"))
                .Events(events => events.DataBinding("gridDataBinding"))
            )

Dimiter Madjarov
Telerik team
 answered on 26 Apr 2016
1 answer
874 views

I am adding selected row of a grid to another . My issue is my Grid has a combo box which is being initialized for first row only. Detail is in following link.

 

http://stackoverflow.com/questions/36793242/initialize-combobox-for-each-row-of-telerik-mvc-grid

Ianko
Telerik team
 answered on 26 Apr 2016
7 answers
132 views
I can not input chinese words, and I don't know how to support chinese.
Yilang
Top achievements
Rank 1
 answered on 26 Apr 2016
3 answers
276 views

Hi -

I am using .Net MVC and have a custom editor template for the scheduler with a new textbox for MasterCatalogID.  The value gets set via javascript from button.  When I try to save the session, in the Controller method, I do not see the value for MasterCatalogID.

However, if I manually type in the value, I can get it in the Controller method.

Is there something else I need to add to retrieve the value?

 

<div class="k-edit-label">
    @(Html.LabelFor( model => model.MasterCatalogID, "Course" ))
</div>
<div data-container-for="MasterCatalogID" class="k-edit-field input-group">
    @(Html.TextBoxFor( model => model.MasterCatalogID, new { @class = "k-textbox" } ))
</div>

Joe
Top achievements
Rank 1
 answered on 25 Apr 2016
2 answers
308 views

I have two grid views that performs pop up custom template editing, grid two is placed under tabstrip, please refer to following code:

        @(Html.Kendo().TabStrip()
                .Name("tabstrip")
                .Animation(animation => 
                    animation.Open(effect => 
                        effect.Fade(FadeDirection.In)))
                .Items(tabstrip =>
                {
                    tabstrip.Add().Text("Details")
                        .Selected(true)      
                        .LoadContentFrom(@Url.Action("Index", "AppGroup", new { AppID = ViewBag.AppID, AppName = ViewBag.AppName }).ToString());
                })
            )

If i change LoadContentFrom to Content, all functions working fine. However, i need to use LoadContentFrom due to heavy content load. once i change it back to LoadContentFrom, when i try to edit grid one, the following error is thrown.

VM37552:50 Uncaught TypeError: Cannot read property 'editRow' of undefined

 

I have investigated further and found out it is becaues of #grid.data("kendoGrid") is undefined and hence it breaks $("#Group").data("kendoGrid").editRow($(this)).

 

Thanks.

lucerias
Top achievements
Rank 1
 answered on 25 Apr 2016
1 answer
239 views

Hi

I'm very new to ASP.NET MVC and need some advice!

I have built a small  Telerik UI for ASP.NET MVC project using the project type: Telerik C# ASP.NET MVC Application project in Visual Studio 2010.

My aim is to build an app with the Scheduler widget and I need to see how this renders on mobile devices. I am able to see the project running in a browser on the development machine through the debug option in visual studio. However I need to test it on other devices.

Can any one please point me to documentation/ tutorials on how I can deploy the application to a server?

Thanks

Nik

Maria Ilieva
Telerik team
 answered on 25 Apr 2016
Narrow your results
Selected tags
Tags
Grid
General Discussions
Scheduler
DropDownList
Chart
Editor
TreeView
DatePicker
Upload
ComboBox
MultiSelect
ListView
Window
TabStrip
Menu
Installer and VS Extensions
Spreadsheet
AutoComplete
TreeList
Gantt
PanelBar
NumericTextBox
Filter
ToolTip
Map
Diagram
Button
PivotGrid
Form
ListBox
Splitter
Application
FileManager
Sortable
Calendar
View
MaskedTextBox
PDFViewer
TextBox
Toolbar
MultiColumnComboBox
Dialog
DropDownTree
Checkbox
Slider
Switch
Notification
ListView (Mobile)
Pager
Accessibility
ColorPicker
DateRangePicker
Wizard
Security
Styling
Chat
MediaPlayer
TileLayout
DateInput
Drawer
SplitView
Barcode
ButtonGroup (Mobile)
Drawer (Mobile)
ImageEditor
RadioGroup
Sparkline
Stepper
TabStrip (Mobile)
GridLayout
Template
Badge
LinearGauge
ModalView
ResponsivePanel
TextArea
Breadcrumb
ExpansionPanel
Rating
ScrollView
ButtonGroup
CheckBoxGroup
NavBar
ProgressBar
QRCode
RadioButton
Scroller
Timeline
TreeMap
TaskBoard
OrgChart
Captcha
ActionSheet
Signature
DateTimePicker
AppBar
BottomNavigation
Card
FloatingActionButton
Licensing
Localization
MultiViewCalendar
PopOver (Mobile)
Ripple
ScrollView (Mobile)
Switch (Mobile)
PivotGridV2
FlatColorPicker
ColorPalette
DropDownButton
AIPrompt
PropertyGrid
ActionSheet (Mobile)
BulletGraph
Button (Mobile)
Collapsible
Loader
CircularGauge
SkeletonContainer
Popover
HeatMap
Avatar
ColorGradient
CircularProgressBar
SplitButton
StackLayout
TimeDurationPicker
Chip
ChipList
DockManager
ToggleButton
Sankey
OTPInput
ChartWizard
SpeechToTextButton
InlineAIPrompt
TimePicker
StockChart
RadialGauge
ContextMenu
ArcGauge
AICodingAssistant
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?