Telerik Forums
UI for ASP.NET MVC Forum
1 answer
1.5K+ views

I testing Telerik for our application and it looks very promising right now.

I creating an alarm list based on the Kendo grid generated at server side in .NET Core 3.1. One of the column is called alarm class and we need to select different css for the row depending on this value. Eg alarm class 3 = Fatal = Red background and bold font, alarm class 1 = information = White background and normal font etc.

Is this possible and if so, how to I implement it?

Thank's in advance!

George Gindev
Telerik team
 answered on 30 Nov 2020
2 answers
129 views
I really like the way the default filter buttons work in the Telerik grid.  I want to have a similar experience on other pages of my application.  Is there anything prebuilt to use these filters on a search form or do I need to build everything from scratch using each individual component?
Dave Wolf
Top achievements
Rank 1
Iron
 answered on 30 Nov 2020
1 answer
314 views
Kendo tooltip overlaps the menu items. Any help is appreciated. Thank you.
Petar
Telerik team
 answered on 30 Nov 2020
1 answer
1.0K+ views

Hi there,

I have a grid with an excel export. I'm filtering the data source of the grid in javascript via some drop down lists. The filtering is done via the server. To be clear the when the grid's data source has been instructed to read it scrapes values from the filters using the .data() method and sends the filters values with the read request.

When I export to excel I noticed that it always returns the initial amount of data bound to the grid i.e. I have three rows when the page loads, I filter down to one row then export to excel and it returns all three rows. I noticed that when the export was happening it seemed to be exporting whatever was in the datasource options.data. I've found a workaround which is 

var settings = {};
$(me.selectors.excelExport).on('click', function() {
    var $this = $(this),
        $grid = $this.closest(me.selectors.role),
        grid = $grid.data(me.name);
    if (grid) {
        settings = grid.dataSource.options.data;
        grid.dataSource.options.data = grid.dataSource.view();
    }
});

on clicking export to excel i change the grid's datasource.options.data to be the current "view" of data and i store the original data.options.data.

var grid = $(me.selectors.role).data(me.name);
if (grid) {
    grid.bind(me.events.excelExport, function(e) {
        grid.dataSource.options.data = settings;
    });
}

then after the export has finished I  then restore the datasource.options.data with the value i stored before.

Should I need to do this or am I misunderstanding something? 
Please let me know if you need additional information or if I've not been clear enough.

 

Thanks

Tom

Anton Mironov
Telerik team
 answered on 27 Nov 2020
2 answers
3.7K+ views

Im trying to add a feature to an existing app that is using a rather dated Kendo version 2015.3.1111
I need to add a checkbox that when clicked will check or uncheck all checkboxes in the rows.  I'm aware of a newer feature in the 2017+ libraries, but for now we can't update this app.  So with jQuery, Ive looked at several examples, but its all over the place. Help? Examples?
My client and header template

 

columns.Template(@<text></text>).ClientTemplate("<input type='checkbox' id='gridCheckbox'  onclick='handleClick(this);' value='#= LineItemId #'  #= Selected ? 'checked':'' # class='chkbx' />")
           .HeaderTemplate("<input type='checkbox' id='masterCheckBox' onclick='checkAll(this)'/>").Width(50);

 

 


Anton Mironov
Telerik team
 answered on 27 Nov 2020
3 answers
578 views

Hi,

In short, I don't want Folders to be inside of Folders. Basically I want root > all folders > files inside of folders

I don't want the possibility of creating a folder when the user is already inside of a folder.

Also, how can I make the method Create to NOT create a folder in the UI?

Even if I have this code inside of the Create method:

return Json(new { success = false, errMess = string.Empty }, JsonRequestBehavior.AllowGet);

In the UI it will still display a folder, although null (undefined, and null properties).

Martin
Telerik team
 answered on 27 Nov 2020
1 answer
154 views

Hi, I recently found out about the Form widget. I like the look-and-feel so far and tried to use it customized editortemplates loaded from gideditmode.popup with template name. The HTML rendered seems to be fine. I see data-bind attribute with correct binding but grid item data is not bound to the form.

Is my approach supported?

Neli
Telerik team
 answered on 26 Nov 2020
10 answers
1.3K+ views
Hello!
I use Combobox  with Ajax Loading.
And I have a question:
1) I have a code:
@model int
            
@(Html.Kendo().ComboBoxFor(x => x)
    .DataTextField("Description")
    .DataValueField("Id")
    .Placeholder("Select")
    .HtmlAttributes(new { style = "width:225px", id = Guid.NewGuid().ToString() })
    .DataSource(databinding => databinding
        .Read(read => read
        .Action("SelectComboboxItems", "Lumber")))
)
2) If I use DropDownListFor instead of ComboBoxFor...everything well works and DropDownList select OptionLabel (because I dont have item with Id = 0)
But If I use ComboboxFor...than I get this...(please see  zero.png)
Why Combobox does this?  I want that combobox set placeholder instead of 0, when I dont have item with Id=0
Petar
Telerik team
 answered on 26 Nov 2020
4 answers
170 views

As I add an identifier to the input of the GRID search box, I need to manipulate that element, in this case I need to put the focus on the element.

 

@(Html.Kendo().Grid<MPaises>()
            .Name("rgvListado")
            .Columns(columns =>
            {
              columns.Bound(c => c.Codigo);
              columns.Bound(c => c.Nombre);
              columns.Bound(c => c.Continente);
            })
            .ToolBar(t => t.Search().Text("Buscar Pais"))
            .Filterable(ftb => ftb.Mode(GridFilterMode.Row))
            .Sortable()
            .Groupable()
            .Selectable(selectable => selectable
              .Mode(GridSelectionMode.Single)
              .Type(GridSelectionType.Row))
            .DataSource(dataSource => dataSource
              .Ajax()
              .ServerOperation(false))
            )

 

best regards

Danny
Top achievements
Rank 1
Iron
Veteran
Iron
 answered on 25 Nov 2020
3 answers
767 views

Good day.

I am trying to make a filter to a ListBox, but I have not gotten it to work for me, could you please help

the listBox

@(Html.Kendo().ListBox()
                  .Name("lstBuscarMenu")
                  .HtmlAttributes(new { style = "width:100%;height:700px;"})
                  .DataTextField("Nombre")
                  .TemplateId("customer-item-template")
                  .BindTo(ViewBag.Menus)
                  )

the planitlla
<script id="customer-item-template" type="text/x-kendo-template">
  <span class="k-state-default"><strong>#: data.Nombre #</strong><p style="font-size:0.6rem;">#: data.Seccion #</p></span>
</script>
the javascript
var dataSourceMenu = null;
$("#txtBuscarMenu").keyup(function(e) {
    var texto = $("#txtBuscarMenu").val();
    var grid = $("#lstBuscarMenu").data("kendoListBox");
    if (dataSourceMenu === null) {
        dataSourceMenu = grid.dataItems();
    }
    if (texto.length === 0) {
        grid.setDataSource(dataSourceMenu);
    }
    else {
        grid.setDataSource(dataSourceMenu.find(x => x.Nombre.indexOf(texto) > -1));
    }
});
best regards

Tsvetomir
Telerik team
 answered on 25 Nov 2020
Narrow your results
Selected tags
Tags
Grid
General Discussions
Scheduler
DropDownList
Chart
Editor
TreeView
DatePicker
ComboBox
Upload
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
Dialog
MultiColumnComboBox
DropDownTree
Checkbox
Slider
Switch
Notification
Accessibility
ListView (Mobile)
Pager
Security
ColorPicker
DateRangePicker
Wizard
Styling
Chat
DateInput
MediaPlayer
TileLayout
Drawer
SplitView
Template
Barcode
ButtonGroup (Mobile)
Drawer (Mobile)
ImageEditor
RadioGroup
Sparkline
Stepper
TabStrip (Mobile)
GridLayout
Badge
LinearGauge
ModalView
ResponsivePanel
TextArea
Breadcrumb
ExpansionPanel
Licensing
Rating
ScrollView
ButtonGroup
CheckBoxGroup
NavBar
ProgressBar
QRCode
RadioButton
Scroller
Timeline
TreeMap
TaskBoard
OrgChart
Captcha
ActionSheet
Signature
DateTimePicker
AppBar
BottomNavigation
Card
FloatingActionButton
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
SmartPasteButton
PromptBox
SegmentedControl
LLM Kit
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?