MikeTatsky

<script>
  document.addEventListener('DOMContentLoaded', ()=> {
    const GRID_COLUMN_CLS = Fancy.GRID_COLUMN_CLS;
    const GRID_CELL_CLS = Fancy.GRID_CELL_CLS;
    const GRID_CELL_INNER_CLS = Fancy.GRID_CELL_INNER_CLS;
    const T_CELL_PLUS_INNER = `.${GRID_CELL_CLS} .${GRID_CELL_INNER_CLS}`;

    Fancy.grid.Body.prototype.renderSelect = function (i, rowIndex, complex) {
      let checkBox;
      var me = this,

MikeTatsky

Fancy.Combo.prototype.onSubSearchChange = function(field, value){
  var me = this,
    lis = me.list.select('li'),
    height = 0,
    maxListHeight = me.listRowHeight * me.maxListRows;

  value = value.toLocaleLowerCase();

  F.each(me.data, function(item, i){
    if (new RegExp(value).test(item[me.displayKey].toLocaleLowerCase())){

MikeTatsky

Fancy.MODULESDIR = 'https://unpkg.com/[email protected]/client/modules/;'

MikeTatsky

import React, { Component } from 'react';

import { Fancy, Grid } from 'fancygrid-react';

import 'fancygrid/client/modules/sort.min';
import 'fancygrid/client/modules/dom.min';
import 'fancygrid/client/modules/edit.min';
import 'fancygrid/client/modules/grid.min';
import 'fancygrid/client/modules/selection.min';
import 'fancygrid/client/modules/menu.min';

MikeTatsky

onColumnResized = {
  (e) => {
    if (rootStore.viewGrids.length === 1) {
      return;
    }

    if (window._agGridActiveResizeGridIndex !== undefined && window._agGridActiveResizeGridIndex !== gridIndex) {
      return;
    }

MikeTatsky

$('#container').highcharts({
    chart: {
      alignTicks: true,           // When using multiple axis, the ticks of two or more opposite axes will automatically be aligned by adding ticks to the axis or axes with the least ticks.
      animation: true,            // Set the overall animation for all chart updating. Animation can be disabled throughout the chart by setting it to false here.
      backgroundColor: '#FFF',    // The background color or gradient for the outer chart area.
      borderColor: '#4572A7',     // The color of the outer chart border.
      borderRadius: 5,            // The corner radius of the outer chart border. In export, the radius defaults to 0. Defaults to 5.
      borderWidth: 0,             // The pixel width of the outer chart border.
      className: null,            // A CSS class name to apply to the charts container div, allowing unique CSS styling for each chart.
      defaultSeriesType: 'line',  // Alias of type.

MikeTatsky

new FancyGrid({
  title: 'Paging & Sorting',
  width: 700,
  height: 400,
  data: {
    proxy: {
      url: 'paging.php'
    }
  },
  defaults: {

MikeTatsky

[ 
  {name: 'Afghanistan', code: 'AF'}, 
  {name: 'Åland Islands', code: 'AX'}, 
  {name: 'Albania', code: 'AL'}, 
  {name: 'Algeria', code: 'DZ'}, 
  {name: 'American Samoa', code: 'AS'}, 
  {name: 'AndorrA', code: 'AD'}, 
  {name: 'Angola', code: 'AO'}, 
  {name: 'Anguilla', code: 'AI'}, 
  {name: 'Antarctica', code: 'AQ'}, 

MikeTatsky

var form = new FancyForm({
  renderTo: 'form',
  title: 'User Data',
  width: 290,
  height: 500,
  defaults: {
    type: 'string'
  },
  items: [{
    name: 'id',

MikeTatsky

function searchtags(params){
  if(params){
    var nprice_from = params.paramroom;
    var nprice_to = params.paramroom;
    var narea_from = params.paramkorpus;
    var narea_to = params.paramarea;
  }
  else{
    var nprice_from = $("#number_price_from").text();
    var nprice_to = $("#number_price_to").text();