Announcement

Collapse
No announcement yet.
X
Collapse
  • Page of 1
  • Filter
  • Time
Clear All
new posts
Previous template Next
    #1

    optionDataSource issue

    Smartclient 6.5.1

    I have a listGrid that I need to bind a column to another Datasource for display values. When I implement the optionDatasource the page will not load. I recieve a JS error: "_2 is null" in the Databinding module.

    In the ISC console there's no error: 09:26:25.081:INFO:Log:isc.Page is loaded.

    I created another listgrid bound to the same datasource as the optiondatasource and it loads properly, so I know the DS is working correctly.

    Here's the listgrid and datasources:

    Code:
    isc.RestDataSource.create(
{
ID:"DSShowCategory",
dataProtocol:"postMessage",
fetchMode:"basic",
showPrompt: false,
dataFormat: "xml",
recordXPath: "//ShowCategory",
fields: [{name: "ShowCategoryID", title: "CategoryId", type:"integer", 
                primaryKey: true, canEdit: false},
         {name: "Title", title: "Title"},                   
         {name: "DivId", title: "DivId", type:"int"},
         {name: "Sort", title: "Sort", type:"int"},
         {name: "Grid", title: "Grid", type:"boolean"}
         ],
operationBindings: BindingsGeneric,
transformRequest: function (dsRequest) {
    if(dsRequest.operationType == "fetch")
    {
        if(dsRequest.data["DivId"] == null )
        {
          dsRequest.data["DivId"] = 1;  
        }
    }
    return this.Super("transformRequest", arguments);
}
});


isc.RestDataSource.create(
{
ID:"DSvuListShow",
dataProtocol:"postMessage",
showPrompt: false,
dataFormat: "xml",
recordXPath: "//vuListShow",
fields: [
    {name: "ShowID", title: "ShowID", type: "int", hidden:true, primaryKey: true, canEdit: false},         
    {name: "DivID", title: "DivID", type: "int"},
    {name: "ShowCategoryID", title: "ShowCategoryID", type: "integer"},
    {name: "Title", title: "Title"},
    {name: "DisplayTitle", title: "DisplayTitle"},
    {name: "FinalTitle", title: "FinalTitle", canEdit: false},
    {name: "Abbreviation", title: "Abbr"},    
    {name: "HDShow", title: "HD", type: "boolean"},  
    {name: "Active", title: "Active", type: "boolean"}, 
    {name: "Abridged", title: "Abridged", type: "boolean"}, 
    {name: "SlideImageUrl", title: "SlideImageUrl"},
    {name: "ShowImageUrl", title: "ShowImageUrl"},
    {name: "WebUrl", title: "WebUrl"},
    {name: "SupplierID", title: "SupplierID", type: "int"},
    {name: "GenreID", title: "GenreID", type: "int"},
    {name: "NetworkID", title: "NetworkID", type: "int"},
    {name: "Filecount", title: "Filecount", type: "int", canEdit: false}
         ],
operationBindings:[
    {operationType:"fetch",dataURL:"/admin/service/SmartClientGeneric.ashx"},
    {operationType:"add",dataURL:"/admin/service/SmartClientGeneric.ashx"},
    {operationType:"update",dataURL:"/admin/service/SmartClientGeneric.ashx"},
    {operationType:"remove",dataURL:"/admin/service/SmartClientGeneric.ashx"}
    ],
transformRequest: function (dsRequest) {
    if(dsRequest.operationType == "fetch")
    {
        if(dsRequest.data["DivID"] == null )
        {
          dsRequest.data["DivID"] = 1;  
        }
    }

    return this.Super("transformRequest", arguments);
}
    
});


var LGvuListShow = isc.ListGrid.create({
            ID:"vuListShow",
            width: 800, height: 300, alternateRecordStyles:false,
            fields: [
            {name: "ShowID", title: "ShowID", type: "int", hidden:true, primaryKey: true, canEdit: false},         
            {name: "DivID", title: "DivID", type: "int"},
            {name: "ShowCategoryID", title: "ShowCategoryID", type: "integer", 
                    optionDataSource: DSShowCategory, valueField:"ShowCategoryID", displayField:"Title"},
            {name: "Title", title:"Title"},
            {name: "DisplayTitle", title: "DisplayTitle"},
            {name: "FinalTitle", title: "FinalTitle", canEdit: false},
            {name: "Abbreviation", title: "Abbr"},    
            {name: "HDShow", title: "HD", type: "boolean"},  
            {name: "Active", title: "Active", type: "boolean"}, 
            {name: "Abridged", title: "Abridged", type: "boolean"}, 
            {name: "SlideImageUrl", title: "SlideImageUrl"},
            {name: "ShowImageUrl", title: "ShowImageUrl"},
            {name: "WebUrl", title: "WebUrl"}
            ],
            dataSource: DSvuListShow,
            showFilterEditor: true,
            drawAheadRatio: 4,
            dataPageSize: 10,
            showPrompt: false,
            canEdit:true,
            autoFetchData: false
        });


var mainVLayout = isc.VLayout.create({autoDraw: false, width:"100%", height:"100%"});
mainVLayout.members = [
LGShowCat, LGvuListShow
];
mainVLayout.draw();

vuListShow.fetchData({});

    Also, just so you know, if I set autoFetchDisplayMap: false on the field, everything loads fine except there's no values in the listgrid field.
    Tags: None
    #2
    Bump

    Usually, I get a response to forum questions within a few hours and I have 2 posts I haven't received a response on (one since Friday). I was just curious if I was asking too many stupid questions?

    Paul

    Comment

      #3
      I tried moving the optionDatasource to the Datasource and not the List, but I have the same issue:

      Code:
      isc.B2BDS.create(
{
ID:"DSvuListShow",
recordXPath: "//vuListShow",
fields: [
    {name: "ShowID", title: "ShowID", type: "int", hidden:true, primaryKey: true, canEdit: false},         
    {name: "DivID", title: "DivID", type: "int"},
    {name: "ShowCategoryID", title: "ShowCategoryID", type: "integer", 
           optionDataSource: DSShowCategory, valueField:"ShowCategoryID", displayField:"Title"},
    {name: "Title", title: "Title"},
    {name: "DisplayTitle", title: "DisplayTitle"},
    {name: "FinalTitle", title: "FinalTitle", canEdit: false},
    {name: "Abbreviation", title: "Abbr"},    
    {name: "HDShow", title: "HD", type: "boolean"},  
    {name: "Active", title: "Active", type: "boolean"}, 
    {name: "Abridged", title: "Abridged", type: "boolean"}, 
    {name: "SlideImageUrl", title: "SlideImageUrl"},
    {name: "ShowImageUrl", title: "ShowImageUrl"},
    {name: "WebUrl", title: "WebUrl"},
    {name: "SupplierID", title: "SupplierID", type: "int"},
    {name: "GenreID", title: "GenreID", type: "int"},
    {name: "NetworkID", title: "NetworkID", type: "int"},
    {name: "Filecount", title: "Filecount", type: "int", canEdit: false}
         ],
transformRequest: function (dsRequest) {
    if(dsRequest.operationType == "fetch")
    {
        if(dsRequest.data["DivID"] == null )
        {
          dsRequest.data["DivID"] = divid;  
        }
    }

    return this.Super("transformRequest", arguments);
}
    
});
      I then tried outputting JSON as a local var on the page and using that for a datasource:

      Code:
      var showCategoryData = [{
"showcategoryid": -1, "divid": 1, "title": "Template Category", "sort": 0, "grid": false}
,{
"showcategoryid": 1, "divid": 1, "title": "TV Series", "sort": 1, "grid": false}
,{
"showcategoryid": 1522, "divid": 1, "title": "Archive", "sort": 4, "grid": false}
]
;

isc.DataSource.create({
        ID: "ShowCategoriesDS",
        fields:[
            {name:"showcategoryid", title:"Show Category Id"},
            {name:"divid", title:"DivId"},
            {name:"sort", title:"Sort"},
            {name:"grid", title:"Grid"},
            {name:"title", title:"Title"}
        ],
        testData: showCategoryData,
        clientOnly: true

    });


isc.B2BDS.create(
{
ID:"DSvuListShow",
recordXPath: "//vuListShow",
fields: [
    {name: "ShowID", title: "ShowID", type: "int", hidden:true, primaryKey: true, canEdit: false},         
    {name: "DivID", title: "DivID", type: "int"},
    {name: "ShowCategoryID", title: "ShowCategoryID", type: "integer", 
           optionDataSource: ShowCategoriesDS, valueField:"showcategoryid", displayField:"title"},
    {name: "Title", title: "Title"},
    {name: "DisplayTitle", title: "DisplayTitle"},
    {name: "FinalTitle", title: "FinalTitle", canEdit: false},
    {name: "Abbreviation", title: "Abbr"},    
    {name: "HDShow", title: "HD", type: "boolean"},  
    {name: "Active", title: "Active", type: "boolean"}, 
    {name: "Abridged", title: "Abridged", type: "boolean"}, 
    {name: "SlideImageUrl", title: "SlideImageUrl"},
    {name: "ShowImageUrl", title: "ShowImageUrl"},
    {name: "WebUrl", title: "WebUrl"},         
    {name: "SupplierID", title: "SupplierID", type: "int"},
    {name: "GenreID", title: "GenreID", type: "int"},
    {name: "NetworkID", title: "NetworkID", type: "int"},
    {name: "Filecount", title: "Filecount", type: "int", canEdit: false}
         ],
transformRequest: function (dsRequest) {
    if(dsRequest.operationType == "fetch")
    {
        if(dsRequest.data["DivID"] == null )
        {
          dsRequest.data["DivID"] = divid;  
        }
    }

    return this.Super("transformRequest", arguments);
}
    
});

      This works great and as expected. But I cannot do this for all lookup datasources. It would mean that I would have to output 5-6 MB of data in JSON format with each page load.

      Please let me know if you see something wrong with the formats of my optionDataSource properties.

      Thanks
      Paul

      Comment

        #4
        Hi there - Could you reproduce the error in IE and post the stack trace from the Developer Console? That would help us get to the bottom of this...

        Comment

          #5
          Log:

          Code:
          14:41:52.575:INFO:Log:initialized
14:41:53.653:WARN:Log:Error:
	''qualifyAll' is null or not an object'
	in http://localhost/admin/usergrouptest.aspx
	at line 365
    DataSource.$ew(_1=>"optionDataSource", _2=>null, _3=>null, _4=>"    			", _5=>Obj, ".fields[0].optionDataSource")
    Comm.$ew(_1=>"optionDataSource", _2=>[B2BDS ID:DSShowCategory], _3=>"    			", _4=>Obj, _5=>undef, _6=>undef)
    Comm.$36t(_1=>"elem", _2=>Obj{name:ShowCategoryID}, _3=>".fields[0]", _4=>Obj, _5=>"    		", _6=>false)
    ** recursed on Comm.$ew

14:41:53.669:INFO:Log:isc.Page is loaded

          Comment

            #6
            I forgot to include my DS definition:

            isc.defineClass("B2BDS", "RestDataSource");

            isc.B2BDS.addProperties({
            dataProtocol:"postMessage",
            dataURL:"/admin/service/SmartClientGeneric.ashx",
            showPrompt: false,
            dataFormat: "xml",
            initWidget : function () {
            this.Super("initWidget", arguments);
            }
            }
            );

            Comment

              #7
              Hi
              One more thing - can we see the raw response (XML) returned from the server when you hit that URL
              The crash is happening in our data serialization code so it appears the response format is off in some way but I'm not sure what's wrong with it from the code you've already sent

              Thanks
              Isomorphic Software

              Comment

                #8
                Here's the REST response:

                Code:
                <response><status>0</status><startRow>0</startRow><endRow>22</endRow><totalRows>23</totalRows><data>
 <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>1</ShowCategoryID>
    <DivId>1</DivId>
    <Title>TV Series</Title>
    <Sort>1</Sort>
    <Grid>false</Grid>
    <SessionID>0</SessionID>
    <RowVer>AAAAAABSSA8=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>437</ShowCategoryID>
    <DivId>2</DivId>
    <Title>Current Series</Title>
    <Sort>2</Sort>
    <Grid>true</Grid>
    <SessionID>205302</SessionID>
    <RowVer>AAAAAACHgOc=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>639</ShowCategoryID>
    <DivId>2</DivId>
    <Title>Feature Films (View Only)</Title>
    <Sort>10</Sort>
    <Grid>false</Grid>
    <SessionID>205302</SessionID>
    <RowVer>AAAAAACHgO8=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>733</ShowCategoryID>
    <DivId>2</DivId>
    <Title>Library Series</Title>
    <Sort>5</Sort>
    <Grid>true</Grid>
    <SessionID>205302</SessionID>
    <RowVer>AAAAAACHgOo=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>1105</ShowCategoryID>
    <DivId>2</DivId>
    <Title>CPITV Staff</Title>
    <Sort>8</Sort>
    <Grid>false</Grid>
    <SessionID>205302</SessionID>
    <RowVer>AAAAAACHgO0=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>1106</ShowCategoryID>
    <DivId>2</DivId>
    <Title>TV Movies, MiniSeries &amp; Specials</Title>
    <Sort>7</Sort>
    <Grid>true</Grid>
    <SessionID>205302</SessionID>
    <RowVer>AAAAAACHgOw=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>1205</ShowCategoryID>
    <DivId>3</DivId>
    <Title>Archive</Title>
    <Sort>5</Sort>
    <Grid>false</Grid>
    <SessionID>195558</SessionID>
    <RowVer>AAAAAACFSNg=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>1356</ShowCategoryID>
    <DivId>3</DivId>
    <Title>Comedy</Title>
    <Sort>1</Sort>
    <Grid>false</Grid>
    <SessionID>195558</SessionID>
    <RowVer>AAAAAACFSNQ=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>1400</ShowCategoryID>
    <DivId>3</DivId>
    <Title>Drama</Title>
    <Sort>2</Sort>
    <Grid>false</Grid>
    <SessionID>195558</SessionID>
    <RowVer>AAAAAACFSNU=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>1440</ShowCategoryID>
    <DivId>3</DivId>
    <Title>Information-Reality</Title>
    <Sort>3</Sort>
    <Grid>false</Grid>
    <SessionID>195558</SessionID>
    <RowVer>AAAAAACFSNY=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>1522</ShowCategoryID>
    <DivId>1</DivId>
    <Title>Archive</Title>
    <Sort>4</Sort>
    <Grid>false</Grid>
    <SessionID>0</SessionID>
    <RowVer>AAAAAACQOHQ=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>2356</ShowCategoryID>
    <DivId>3</DivId>
    <Title>Out of Character</Title>
    <Sort>6</Sort>
    <Grid>false</Grid>
    <SessionID>195558</SessionID>
    <RowVer>AAAAAACFSNk=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>2624</ShowCategoryID>
    <DivId>2</DivId>
    <Title>News &amp; Newsmagazines</Title>
    <Sort>3</Sort>
    <Grid>true</Grid>
    <SessionID>205302</SessionID>
    <RowVer>AAAAAACHgOg=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>2625</ShowCategoryID>
    <DivId>2</DivId>
    <Title>Formats</Title>
    <Sort>4</Sort>
    <Grid>true</Grid>
    <SessionID>205302</SessionID>
    <RowVer>AAAAAACHgOk=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>2626</ShowCategoryID>
    <DivId>2</DivId>
    <Title>News Documentaries</Title>
    <Sort>6</Sort>
    <Grid>true</Grid>
    <SessionID>205302</SessionID>
    <RowVer>AAAAAACHgOs=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>7939</ShowCategoryID>
    <DivId>2</DivId>
    <Title>Approved Use Only</Title>
    <Sort>9</Sort>
    <Grid>true</Grid>
    <SessionID>205302</SessionID>
    <RowVer>AAAAAACHgO4=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>11788</ShowCategoryID>
    <DivId>2</DivId>
    <Title>Retired Titles</Title>
    <Sort>12</Sort>
    <Grid>false</Grid>
    <SessionID>205302</SessionID>
    <RowVer>AAAAAACHgPE=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>11870</ShowCategoryID>
    <DivId>3</DivId>
    <Title>Test</Title>
    <Sort>9</Sort>
    <Grid>false</Grid>
    <SessionID>195558</SessionID>
    <RowVer>AAAAAACFSNw=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>11871</ShowCategoryID>
    <DivId>3</DivId>
    <Title>Private</Title>
    <Sort>7</Sort>
    <Grid>false</Grid>
    <SessionID>195558</SessionID>
    <RowVer>AAAAAACFSNo=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>11937</ShowCategoryID>
    <DivId>3</DivId>
    <Title>IPJ February 2006</Title>
    <Sort>4</Sort>
    <Grid>false</Grid>
    <SessionID>195558</SessionID>
    <RowVer>AAAAAACFSNc=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>11939</ShowCategoryID>
    <DivId>2</DivId>
    <Title>Format Library</Title>
    <Sort>11</Sort>
    <Grid>false</Grid>
    <SessionID>205302</SessionID>
    <RowVer>AAAAAACHgPA=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>11940</ShowCategoryID>
    <DivId>2</DivId>
    <Title>Pilots</Title>
    <Sort>1</Sort>
    <Grid>true</Grid>
    <SessionID>205302</SessionID>
    <RowVer>AAAAAACHgOY=</RowVer>
    <ShowCollection />
  </ShowCategory>
  <ShowCategory>
    <EntityState>Unchanged</EntityState>
    <ShowCategoryID>11942</ShowCategoryID>
    <DivId>3</DivId>
    <Title>IPJ February 2007</Title>
    <Sort>8</Sort>
    <Grid>false</Grid>
    <SessionID>195558</SessionID>
    <RowVer>AAAAAACFSNs=</RowVer>
    <ShowCollection />
  </ShowCategory>
</data></response>

                Comment

                  #9
                  And just so you know, this works perfectly (consuming the DS in a listGrid):

                  Code:
                  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Show Category test</title>
</head>
<body>
    <script type="text/javascript">var isomorphicDir="/isomorphic/";</script>
    <script type="text/javascript">var isc_maxCSSLoaders=200;</script>
    <script type="text/javascript" src="/isomorphic/system/modules/ISC_Core.js"></script>
    <script type="text/javascript" src="/isomorphic/system/modules/ISC_Foundation.js"></script>
    <script type="text/javascript" src="/isomorphic/system/modules/ISC_Tools.js"></script>
    <script type="text/javascript" src="/isomorphic/system/modules/ISC_Containers.js"></script>
    <script type="text/javascript" src="/isomorphic/system/modules/ISC_Grids.js"></script>
    <script type="text/javascript" src="/isomorphic/system/modules/ISC_History.js"></script>
    <script type="text/javascript" src="/isomorphic/system/modules/ISC_Forms.js"></script>
    <script type="text/javascript" src="/isomorphic/system/modules/ISC_RichTextEditor.js"></script>
    <script type="text/javascript" src="/isomorphic/system/modules/ISC_DataBinding.js"></script>
    <script type="text/javascript" src="/isomorphic/skins/standard/load_skin.js"></script>
    <script type="text/javascript">
            var divid = 1;
    </script>

    <script type="text/javascript" src="lib/utility.js"></script>
    <script type="text/javascript" src="lib/Base.js"></script>
<script type="text/javascript">
isc.B2BDS.create(
{
ID:"DSShowCategory",
fetchMode:"basic",
recordXPath: "//ShowCategory",
fields: [{name: "ShowCategoryID", title: "CategoryId", type:"integer", primaryKey: true, canEdit: false},
         {name: "Title", title: "Title"},                   
         {name: "DivId", title: "DivId", type:"int"},
         {name: "Sort", title: "Sort", type:"int"},
         {name: "Grid", title: "Grid", type:"boolean"}
         ]
         ,
transformRequest: function (dsRequest) {
    if(dsRequest.operationType == "fetch")
    {
        if(dsRequest.data["DivId"] === null)
        {
          dsRequest.data["DivId"] = divid;  
        }
        dsRequest.data["where"] = " ShowCategoryId > 0 ";
    }
    return this.Super("transformRequest", arguments);
}
});




isc.ListGrid.create({
        ID:"ShowCatList",
        width: 600, height: 300, alternateRecordStyles:false,
        dataSource: DSShowCategory,
        fields: [
         {name: "ShowCategoryID", title: "Category Id", primaryKey: true, canEdit: false},
         {name: "DivId", title: "DivId", type:"int"},
         {name: "Title", title: "Title"},
         {name: "Sort", title: "Sort", type:"int"},
         {name: "Grid", title: "Grid", type:"boolean"}
        ],
        showFilterEditor: true,
        showPrompt: false,
        canEdit:true,
        autoFetchData: true
        });
</script>


</body>
</html>

                  Comment

                    #10
                    Hi Picasso
                    Sorry about the delay on this one - it took a fairly deep dive to figure out. It's a problem that will only occur with dataProtocol set to 'postMessage'.
                    We've now put a patch together that will resolve this issue - available here:
                    http://forums.smartclient.com/showth...0011#post10011

                    Let us know if you continue to hit the problem with this patch in place

                    Thanks
                    Isomorphic Software

                    Comment

                      #11
                      Thank you thank you thank you!

                      If I knew that you guys were creating a patch to fix this, I wouldn't have been so antsy.

                      Thanks again, this was really ruining my week.

                      Paul

                      Comment

                      Previous template Next
                      Working...
                      X