Question

我尝试使用具有分页选项的ag-grid显示表格。我有一个下拉列表，其中包含我希望每页显示的行数。

我的问题是如何从下拉列表中获取值（页面加载时的默认值或选定值）并在我的ag-grid代码中使用它？

<div>
        Display:
        <select class="dropdwn">
            <option value="10" selected>10</option>
            <option value="50" >50</option>
            <option value="100">100</option>
            <option value="500">500</option>
        </select>
    </div>

从下拉列表中获取值的jQuery函数：

$( ".dropdwn" )
  .change(function() {
    var str = "";
    $( "select option:selected" ).each(function() {
      str = $( this ).text() ;
    });
    x=window.parseInt(str);

这些是来自ag-grid的gridOptions：

var gridOptions = {
        columnDefs: columnDefs,
        rowData: rowData,
        pagination: true,
        paginationPageSize:x,
        rowModelType: 'pagination'
    };

Answer 1

添加onchange和id

    <select class="dropdwn" onchange="GetSelectedTextValue(this)" id="MyDropdown">
        <option value="10" selected>10</option>
        <option value="50" >50</option>
        <option value="100">100</option>
        <option value="500">500</option>
    </select>

和功能

function GetSelectedTextValue(ddlFruits) {
    var selectedText = MyDropdown.options[MyDropdown.selectedIndex].innerHTML;
    var selectedValue = MyDropdown.value;
    alert("Selected Text: " + selectedText + " Value: " + selectedValue);
}

从dropdownlist获取选择值/默认值到JavaScript变量

1 个答案: