Telerik Forums
Kendo UI for jQuery Forum
2 answers
170 views
Hi,
how can i create filter on multiple columns with 'OR ' as the logical operator?
assume i have 5 columns (string data type)
i want to create a filter like this
filter=  col1 contains ('test') OR col2 contains ('test') OR col3 contains ('test') OR col4 contains ('test')
OR col5 contains ('test').

thanks,
Arun

danparker276
Top achievements
Rank 2
 answered on 18 Jun 2014
1 answer
111 views
I can not get the destroy event to work in the transporter.  I am using the Kendo-UI gem, and have followed the documentation.  The read is working fine and all data is getting set to the grid correct.  But I can not get destroy to work.  I am also unsure as to what the parameterMap is supposed to be doing but that is not getting triggered when the delete button is hit.  I have been stuck for quite some time, any pointers would be extremely helpful.  Below is a gist to my code, note I have hardcoded the id's into the urls for the time being just trying to get it to work.  

Thanks

https://gist.github.com/sdanko11/ae7da21c889f8a4416f3

Alexander Valchev
Telerik team
 answered on 18 Jun 2014
1 answer
834 views
Hi,

When a record is added to grid ;it just adds to top of the rows in the grid by default.And we can retrieve the row item by below statement.

// returns first record in datasource of the Grid
$('#Grid').data().kendoGrid.dataSource.data()[0];  

What if I click any header column of the grid which sorts grid list  and try to add the new record and the record adds to end of list in Grid Data source then how to retrive that record which just got added to last row of the grid?

Is their a better way to retrieve the latest dirty row in the grid.

Thanks,
chatrapathi chennam
Alexander Valchev
Telerik team
 answered on 18 Jun 2014
2 answers
163 views
Hey Guys,
I have seen some threads saying this is not supported can some one guide how to acheiev this
Some real example would be helpful

http://dev.openlayers.org/releases/OpenLayers-2.12/examples/strategy-cluster.html

Regards,
Rahul Mehta
T. Tsonev
Telerik team
 answered on 18 Jun 2014
1 answer
209 views
Hi,

I have a Kendo MVC Grid with start date and end date filters on the same page:

@(Html.Kendo().Grid<UnileverMetricsSystem.Entities.VisitsByTimeDTO>()
        .Name("grid")
        .Columns(columns =>
        {
            columns.Bound(c => c.DateFormat).Width(140);
            columns.Bound(c => c.Product).Width(190);
            columns.Bound(c => c.Duration);
            columns.AutoGenerate(false);

        })
        .HtmlAttributes(new { style = "height: 380px;" })
        .Scrollable()
        
        .Sortable()
        .Pageable(pageable => pageable
            .Refresh(true)
            .PageSizes(true)                      
            )
        .DataSource(dataSource => dataSource
            .Ajax()
            .Read(read => read.Action("RefreshTable", "AverageDuration").Data("additionalInfo"))
        )
    )

The initial grid data is binded calling RefreshTable action.
When the user click on a "Show" button I want to filter the grid taking into account the start and end dates.
I do this through an Ajax call to a controller:

$.ajax({
                type: "POST",
                url: controllerName + '/RefreshTable',
                contentType: "application/json; charset=utf-8",
                dataType: 'json',
                data: JSON.stringify({ country: country, startDate: startDate, endDate: endDate, groupedBy: groupedBy, product: product }),
                success: function (results) {
                   
                    $("#grid").kendoGrid({
                        autoBind: false,
                        dataSource: results,
                        pageable: {

                            pageSize: 5,
                            autoBind: false,
                            info: true,
                            refresh: false
                        }
                    });

                    dataSource2.read();
                }
            });

The new data loads correctly in the grid but when i change the page I am paging the data that was initially shown in the grid, not the filtered by dates data.
How can I implement client paging with this configuration?

Thanks in advance.


Daniel
Telerik team
 answered on 18 Jun 2014
3 answers
144 views
Hi,

i met one problem with datetime picker. It's not show all days. Miss something in css or html?
Kiril Nikolov
Telerik team
 answered on 18 Jun 2014
3 answers
1.5K+ views
This is a kendo DropDownList. I want to show an alert when it is opened.

@(Html.Kendo()
.DropDownList()
.Name("DropdownList")
.BindTo(new List<SelectListItem>() { new SelectListItem() { Text = "Drop Down" },
 new SelectListItem() { Text = "Office" } })
.Events(e=>e.Open("open")))

// Following is the simple script
<script type="text/javascript">
function open(e) {
    alert("Hello");
}
</script>

This gives me the error "TypeError: 'open' called on an object that does not implement interface Window."

Thanks
Ajinkya
Top achievements
Rank 1
 answered on 18 Jun 2014
2 answers
76 views
Hi All:

I was working with underscore and figured out that I could reformat the data for the PanelBar control.
Here is my example code:
$(function () {
    //
    var meetingDataSource = new kendo.data.DataSource({
        data: [
            { MeetingId: 65, Year: 2014, MeetingDate: '2014-05-14 18:00:00', Title: "30 tools for modern .net web development in 60 minutes" },
            { MeetingId: 64, Year: 2014, MeetingDate: '2014-04-09 18:00:00', Title: "azure websites deep dive" },
            { MeetingId: 63, Year: 2014, MeetingDate: '2014-03-12 18:00:00', Title: "cancelled" },
            { MeetingId: 62, Year: 2014, MeetingDate: '2014-02-12 18:00:00', Title: "getting to know windows azure mobile services" },
            { MeetingId: 60, Year: 2013, MeetingDate: '2013-12-11 18:00:00', Title: "custom graphics for your web application: the html5 canvas and kinetic.js" },
            { MeetingId: 59, Year: 2013, MeetingDate: '2013-11-13 18:00:00', Title: "four platforms. one codebase. xamarin." },
            { MeetingId: 58, Year: 2013, MeetingDate: '2013-10-09 18:00:00', Title: "it’s cheaper than therapy: building an “eliza” psychotherapist app in windows 8" },
            { MeetingId: 57, Year: 2013, MeetingDate: '2013-09-11 18:00:00', Title: "if typescript is the answer, what is the question?" }
        ]
    });
    //
    meetingDataSource.fetch(function () {
        //
        var meetings = meetingDataSource.data();
        //
        var years = _.chain(meetings)
            .pluck('Year')
            .uniq()
            .value();
        //
        var shapedData = _.reduce(years, function (memo, year) {
            var exp = false;
            if (memo.length == 0) exp = true;
            //
            var det = _.chain(meetings)
                .filter(function (meeting) { return meeting.Year == year; })
                .map(function (meeting) {
                    var m = meeting;
                    return { value: m.MeetingId, text: m.Title };
                })
                .value();
            memo.push({ value: year, text: year, expanded: exp, items: det });
            return memo;
        }, []);
        //
        $("#inline-listview").kendoPanelBar({
            dataSource: shapedData,
            expandMode: "single"
        }).data("kendoPanelBar");
    });
    //
});

The data is read with a dataSource fetch command.  In the fetch function, I first extract the years for the level 0 of the panel-bar, then I use the years as input for the reduce function and reprocess the input data.  The years are the level 0 and the level 1 is the reprocessed data.  So, this process could easily adapted to data in a database.

Phil
Petur Subev
Telerik team
 answered on 18 Jun 2014
2 answers
134 views
Hi,

         I am created one new same application for using kendo diagram. Now i am trying to save kendo diagram, some time i got  'TypeError: Cannot convert object to primitive value' error. How to solve this issue.

The sample application url is : http://demos.telerik.com/kendo-ui/html5-diagram-sample-app

Thank you!
Senthilkumar.V
Hristo Germanov
Telerik team
 answered on 18 Jun 2014
5 answers
495 views
Is it possible to use the drawer control to contain a navigation menu instead of containing all the views of the various pages?  Ideally, I'd like to use this control but have each view item redirect to another page rather than having actual content in the view item.  As always, thanks for your help.

Regards,
Brian
Kiril Nikolov
Telerik team
 answered on 18 Jun 2014
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
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
Bronze
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?