Vacheslav Starikov's » codecharge

How to execute additional SQL in After Execute family events in CCS

Vacheslav — Sat, 23 Oct 2010 20:38:18 +0000

Hi! This article is about how to execute some addtitional SQL after the primary SQL in the CodeCharge Studio’s Record has been executed.

Very often I have to perform some additional manipulations with the database after the Record submission. In this article I want to share the approach I use to reach the desired result. If you use a different approach to reach the same result I’m waiting your comments!

So, here’re some steps:

1. You should have already a Record that performs Insert, Update or Delete.

2. Choose the event you will work with. It may be After Execute Insert, After Execute Update or After Execute Delete. I’ve chosen After Execute Insert to test with it in this example.

3. Add the Custom Code to the After Execute Insert event of the Record.

4. Try this code:

    /* $master is a Record we work with.
     * In the next line condition we check that no errors have been occured.
     */
    if($master->ds->Errors->Count() == 0 && $master->ds->CmdExecution) {
        // In the code below, we get the ID that has been inserted last time.
        $db = new clsDBTest(); 
        $db->SQL = 'SELECT LAST_INSERT_ID() AS master_id'; 
        $db->query($db->SQL);
        $result = $db->next_record();
 
        if ($result) {
                $master_id = $db->f("master_id");
        } else { 
                $master_id = -1; 
        }
 
        $db->close();
 
        /* In this code snippet, we insert a new record to
         * another "details" table with the "master id" value.
         */
        if ($master_id != -1) {
                $db = new clsDBTest();
                $db->SQL = "INSERT INTO  details (`master`, `test_field`) ";
                $db->SQL += "VALUES ($master_id, 'test')";
                $db->query($db->SQL);
                $db->close();
        }
}

By the way, in this example I use PHP and MySQL. If you have an another configuration I think you can simply adapt this example to your configuration.

Hiding Link by condition in CCS

Vacheslav — Sat, 23 Oct 2010 13:20:46 +0000

Once my friend asked me about how to hide the Link in CodeCharge Studio by the condition. For example, suppose that we want to hide the Link if the one particular parameter exists in the GET request. I tryed to show it quickly to him but I wasn’t able. I added Hide-Show Component action to the Before Show event of the page. Link still was there. I was confused.

We decided to seek help in source material (Help topics F1) and we found! The problem was in Visible property of the Link. Let’s see the Visible Property description in CCS help.

When set to Dynamic, the component is wrapped within a special HTML template that allows it to be hidden programmatically at runtime.

In such a way, to fix this problem set Visible property of the Link to Dynamic and add Hide-Show Component action to the Before Show event of the Link.

This approach is valid also for:

TextBox
TextArea
CheckBox
Image
Image Link
Radio Button
ListBox
May be some other controls

UTF-8 problem in CCS monolingual project

Vacheslav — Sat, 16 Oct 2010 09:49:29 +0000

Hi everybody! I’ve just run into an obstacle related with UTF-8 encoding in CodeCharge Studio. I have a one language project. The project is in russian. I want to use UTF-8 for my project but the project isn’t internationalized. So, I removed the english language and added a russian. Also, I turned off the using of internationalized features (Project Settings -> Locales and Encodings -> Use internationalized features) because the project isn’t multilingual. As a result, I have a corrupted text (question marks everywhere).

I started to experiment. The problem was in checkbox “Use internationalized features”. After I checked it the encoding fixed! Huh!

Changing HTML standards of an existing CodeCharge Studio project

Vacheslav — Fri, 01 Oct 2010 08:47:12 +0000

I’ve just tryed to change the template type of an exiting project in CodeCharge Studio. To my surprise, there isn’t an option in CCS to change the project template or Section508 compatibility.

When you create a new project in CodeCharge Studio, it allows to create a project that is compatible with HTML or XHTML standards. Also, there’s an option that turns on Section508 compatibility.

But what should you do when you need to change these options of an existing project?

As I’ve just found out that there’s only one way to change them. You should modify the project file. CCS project file is saved in XML format and it has a *.ccs extension.

 ... htmlTemplateType="xHTML" isSection508="True" ... />

To change the template type you should change htmlTemplateType attribute. Allowed values are: HTML or xHTML.

To change Section508 compatibility you should change isSection508 attribute. Allowed values are: True or False.

Before you changing these attributes you should close the project. And after changing these attributes you have to:

Regenerate all the project by Project Explorer -> Right Click -> Generate Code.
Regenerate all the pages HTML templates by switching between Design mode, adding a space, for example, and switching to HTML.
And you should switch to Code tab and back to HTML tab to regenerate JavaScript.

After chese changes, there will be some complexities like xmlns attributes or XML comments in JavaScripts. You should change this code by hands. When you create new pages everything will be OK.

Links

CodeCharge Studio’s web site

Simple ajax editing in CodeCharge Studio

Vacheslav — Sat, 28 Aug 2010 07:54:09 +0000

How to implement an Ajax editing in CodeCharge Studio like in the picture above? Is it easy or not? Yes, it’s easy! It takes a half an hour at the maximum. In this article, I will provide step by step instructions. Also, you can download an example here.

The main idea of this example is the ajax editing without the page refresh. When you click a link in the Grid the Show Modal dialog is opened. The Show Modal dialog contains a Record that allows to edit the data. All the actions are performed inside the Update Panels. Well, stay reading and you will see how to do it…

Steps

1. I use test db and a table named countries in my localhost MySQL server.

DROP TABLE IF EXISTS `test`.`countries`;
CREATE TABLE  `test`.`countries` (
  `id` INT(10) UNSIGNED NOT NULL AUTO_INCREMENT,
  `name` VARCHAR(45) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=9 DEFAULT CHARSET=latin1;

2. Add an UpdatePanel to the page and name it Panel1.

3. Add a Grid to the Panel1. Grid should be created for the table countries. For the fields for Grid select only name field.

4. After the Grid’s been created change the Label name to Link. Configure Href Source parameters for the Link. Add the id parameter with the SourceType of DataField and Parameter Source of id field. Leave the Link’s address empty. Also, add a Link for adding a new record. A new record Link should have no parameters and should remove the id parameter (Link->PW->Remove parameters->”id”).

5. Add another UpdatePanel to the page and name it Panel2.

6. Add ShowModal feature to Panel2 (Panel2->PW->Features->Add ShowModal). For the Show event select Panel1->countries->name->onclick and Panel1->countries->New->onclick. It makes ShowModal to be shown when Grid Row Link or Grid New Link is clicked.

7. Add a new Record to a Panel2. A Record should be created on countries table and select only the name field.

8. Add a Link to the end of the Panel2. This Link will hide the opened ShowModal. Also, go to Panel2->PW->Features->ShowModal and select for the Hide event this Link.

9. Add this JavaScript to the end of the :

<script type="text/javascript">
/* This function should be called by links that open the ShowModal dialog. 
 * It sets a new href for the UpdatePanel according of clicked link 
 * and loads the data to the corresponding Record.
 */
function RelocatePanel2() {
    /* Panel2 is an UpdatePanel that contains a Record.
     * Also, Panel2 has a ShowModal feture.
     * Here, the location of the Panel2 is changed to have a new href 
     * with the id for Record.
     */
    $("Panel2").location = this.href;
 
    /* To load a new data to the Record according with the href that 
     * is set above, Panel2 should be reloaded. 
     */
    AjaxPanel.reload($("Panel2"));
}
script>

10. Again, add to the end of the this style: