We are trying Coresight 2016 and were not able to find some controls to put on a display like Select box or Combo box.
Are there such options/controls when we get licensed version(currently it is evaluation) ?
The problem is that you are using a default symbol (the trend), whose code should not be modified (at least this is the best practice). If you want to write and customize your own symbol, you need to start it from scratch. Of course, you can refer to the default symbol's code located on C:\Program Files\PIPC\Coresight\Scripts\app\editor\symbols in order to create something similar. Nevertheless, all of your code should be written on the C:\Program Files\PIPC\Coresight\Scripts\app\editor\symbols\ext folder. This is important not to lose your symbol files after upcoming PI Coresight upgrades, which probably will overwrite all files located on the \editor\symbols files (and not files from the ext folder).
Your questions are about AngularJS. I strongly suggest you to read the AngularJS documents and watch the videos on this page.
Please let us know if you have any other question!
PI Coresight 2016 does not come with those controls out of the box, but they could possibly be added through the extensibility model.The evaluation version is the same as the full, but just time limited (if I remember correctly).
I am curious, what are you trying to accomplish with combo boxes?
Is the "extensibility model" has been released already ?
I know it should come out in 2016 but not sure.
ComboBoxes is not actually important but select box would be necessary.
Extensibility is currently in CTP (community technology preview), but is available in PI Coresight 2016.
I guess I am wondering what you would be using the select boxes for? I am just trying to understand your use case.
We have "PI Coresight 2016" installed but how I can start using "extensibility" ?
Is there anything I have to upgrade or install ?
I just wanted to see what it can first.
You can find the examples on github.
There are tutorials so you can do it by yourself. (You can find how to do it too)
If you have PI Coresight 2016, then you don't need more installations.
Also we have a document in download center.
PI Coresight 2016 Extensibility Documentation
There are samples on the PI Dev club too.
The specified item was not found. (From me)
Developing the Google Maps custom symbol for PI Vision 3 - Part 3 (From Marcos)
Creating Playback Pane using PI Coresight Extensibility CTP (From Jason)
If you want to use select box, then you can add followings to the template file.
<label for="language">Choose Language：</label>
<select id="language" name="language">
<option value="ja" selected>Japanese</option>
I put it to sym-putvalue-template.html in my example custom symbol and can see following.
you asked: "I guess I am wondering what you would be using the select boxes for?"
We want to create a select of names and by selecting one of them a trend will be populated with a certain Tag name(that is associated with a selected name in value="temperature").
I think basic components needs to be added to a standard edition of Coresight.
The examples given (Google maps etc) are quite specific and we will never use them, but components like button, select box etc are necessary.
Ex: Currently, I cannot find just a button by clicking on it open another Display. That forces to create a customized symbol by going through the whole procedure.
If I understood correctly, you want to add a combobox inside the trend. In this case, you want to modifiy the default symbol by adding a new feature on it. Is this true? The combobox and the trend needs to be part of the unique symbol.
As I mentioned above:
Example with a button (lets forget about select box):
There is a button(created as a new Symbol ) and a standard Trend added to a Display
By Clicking on the button I need to add one more Trace to the Trend located on the same Display.
- How I can find on a Display's DOM the trend to use its properties (ex: Trend1.traces.Add("pressure") ) ?
I cannot specify Trend's name to refer to it. So How I could find it ?
Basically, what should be in here
<button ng-click="???" >
I don't know if it was possible at the time, however now it is certainly possible to do so through the displayProvider injected service:
Assuming the trend being changed was the first symbol added to the display, you can change its DataSources array using the above to add/remove any sources you like (assuming they're in the correct format), such as:
displayProvider.instance.Symbols.DataSources = ["pi:\\\\PIServer\\SINUSOID"]
to have the trend only plot sinusoid, note the double backslashes to escape them in the JS string.
Retrieving data ...